<html lang="ja"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script data-ezscrex='false' data-cfasync='false' data-pagespeed-no-defer>var __ez=__ez||{};__ez.stms=Date.now();__ez.evt={};__ez.script={};__ez.ck=__ez.ck||{};__ez.template={};__ez.template.isOrig=false;__ez.queue=function(){var e=0,i=0,t=[],n=!1,o=[],r=[],s=!0,a=function(e,i,n,o,r,s,a){var l=arguments.length>7&&void 0!==arguments[7]?arguments[7]:window,d=this;this.name=e,this.funcName=i,this.parameters=null===n?null:p(n)?n:[n],this.isBlock=o,this.blockedBy=r,this.deleteWhenComplete=s,this.isError=!1,this.isComplete=!1,this.isInitialized=!1,this.proceedIfError=a,this.fWindow=l,this.isTimeDelay=!1,this.process=function(){f("... func = "+e),d.isInitialized=!0,d.isComplete=!0,f("... func.apply: "+e);var i=d.funcName.split("."),n=null,o=this.fWindow||window;i.length>3||(n=3===i.length?o[i[0]][i[1]][i[2]]:2===i.length?o[i[0]][i[1]]:o[d.funcName]),null!=n&&n.apply(null,this.parameters),!0===d.deleteWhenComplete&&delete t[e],!0===d.isBlock&&(f("----- F'D: "+d.name),u())}},l=function(e,i,t,n,o,r,s){var a=arguments.length>7&&void 0!==arguments[7]?arguments[7]:window,l=this;this.name=e,this.path=i,this.async=o,this.defer=r,this.isBlock=t,this.blockedBy=n,this.isInitialized=!1,this.isError=!1,this.isComplete=!1,this.proceedIfError=s,this.fWindow=a,this.isTimeDelay=!1,this.isPath=function(e){return"/"===e[0]&&"/"!==e[1]},this.getSrc=function(e){return void 0!==window.__ezScriptHost&&this.isPath(e)&&"banger.js"!==this.name?window.__ezScriptHost+e:e},this.process=function(){l.isInitialized=!0,f("... file = "+e);var i=this.fWindow?this.fWindow.document:document,t=i.createElement("script");t.src=this.getSrc(this.path),!0===o?t.async=!0:!0===r&&(t.defer=!0),t.onerror=function(){var e={url:window.location.href,name:l.name,path:l.path,user_agent:window.navigator.userAgent};"undefined"!=typeof _ezaq&&(e.pageview_id=_ezaq.page_view_id);var i=encodeURIComponent(JSON.stringify(e)),t=new XMLHttpRequest;t.open("GET","//g.ezoic.net/ezqlog?d="+i,!0),t.send(),f("----- ERR'D: "+l.name),l.isError=!0,!0===l.isBlock&&u()},t.onreadystatechange=t.onload=function(){var e=t.readyState;f("----- F'D: "+l.name),e&&!/loaded|complete/.test(e)||(l.isComplete=!0,!0===l.isBlock&&u())},i.getElementsByTagName("head")[0].appendChild(t)}},d=function(e,i){this.name=e,this.path="",this.async=!1,this.defer=!1,this.isBlock=!1,this.blockedBy=[],this.isInitialized=!0,this.isError=!1,this.isComplete=i,this.proceedIfError=!1,this.isTimeDelay=!1,this.process=function(){}};function c(e){!0!==h(e)&&0!=s&&e.process()}function h(e){if(!0===e.isTimeDelay&&!1===n)return f(e.name+" blocked = TIME DELAY!"),!0;if(p(e.blockedBy))for(var i=0;i<e.blockedBy.length;i++){var o=e.blockedBy[i];if(!1===t.hasOwnProperty(o))return f(e.name+" blocked = "+o),!0;if(!0===e.proceedIfError&&!0===t[o].isError)return!1;if(!1===t[o].isComplete)return f(e.name+" blocked = "+o),!0}return!1}function f(e){var i=window.location.href,t=new RegExp("[?&]ezq=([^&#]*)","i").exec(i);"1"===(t?t[1]:null)&&console.debug(e)}function u(){++e>200||(f("let's go"),m(o),m(r))}function m(e){for(var i in e)if(!1!==e.hasOwnProperty(i)){var t=e[i];!0===t.isComplete||h(t)||!0===t.isInitialized||!0===t.isError?!0===t.isError?f(t.name+": error"):!0===t.isComplete?f(t.name+": complete already"):!0===t.isInitialized&&f(t.name+": initialized already"):t.process()}}function p(e){return"[object Array]"==Object.prototype.toString.call(e)}return window.addEventListener("load",(function(){setTimeout((function(){n=!0,f("TDELAY -----"),u()}),5e3)}),!1),{addFile:function(e,i,n,s,a,d,h,f,u){var m=new l(e,i,n,s,a,d,h,u);!0===f?o[e]=m:r[e]=m,t[e]=m,c(m)},addDelayFile:function(e,i){var n=new l(e,i,!1,[],!1,!1,!0);n.isTimeDelay=!0,f(e+" ...  FILE! TDELAY"),r[e]=n,t[e]=n,c(n)},addFunc:function(e,n,s,l,d,h,f,u,m,p){!0===h&&(e=e+"_"+i++);var w=new a(e,n,s,l,d,f,u,p);!0===m?o[e]=w:r[e]=w,t[e]=w,c(w)},addDelayFunc:function(e,i,n){var o=new a(e,i,n,!1,[],!0,!0);o.isTimeDelay=!0,f(e+" ...  FUNCTION! TDELAY"),r[e]=o,t[e]=o,c(o)},items:t,processAll:u,setallowLoad:function(e){s=e},markLoaded:function(e){if(e&&0!==e.length){if(e in t){var i=t[e];!0===i.isComplete?f(i.name+" "+e+": error loaded duplicate"):(i.isComplete=!0,i.isInitialized=!0)}else t[e]=new d(e,!0);f("markLoaded dummyfile: "+t[e].name)}},logWhatsBlocked:function(){for(var e in t)!1!==t.hasOwnProperty(e)&&h(t[e])}}}();__ez.evt.add=function(e,t,n){e.addEventListener?e.addEventListener(t,n,!1):e.attachEvent?e.attachEvent("on"+t,n):e["on"+t]=n()},__ez.evt.remove=function(e,t,n){e.removeEventListener?e.removeEventListener(t,n,!1):e.detachEvent?e.detachEvent("on"+t,n):delete e["on"+t]};__ez.script.add=function(e){var t=document.createElement("script");t.src=e,t.async=!0,t.type="text/javascript",document.getElementsByTagName("head")[0].appendChild(t)};__ez.dot={};__ez.queue.addFile('/detroitchicago/boise.js', '/detroitchicago/boise.js?gcb=195-2&cb=2', true, [], true, false, true, false);__ez.queue.addFile('/parsonsmaize/abilene.js', '/parsonsmaize/abilene.js?gcb=195-2&cb=28', true, [], true, false, true, false);</script>
<script data-ezscrex="false" type="text/javascript" data-cfasync="false">window._ezaq = Object.assign({}, typeof window._ezaq !== "undefined" ? window._ezaq : {}, {"ad_cache_level":1,"domain_id":173770,"ezcache_level":2,"ezcache_skip_code":0,"has_bad_image":0,"has_bad_words":0,"is_sitespeed":0,"lt_cache_level":0,"page_view_id":"4cf04d3e-0ed1-4ac7-68ec-19653299657e","response_size_orig":100446,"response_time_orig":11,"template_id":134,"url":"https://plantuml.com/ja/creole","word_count":2651,"worst_bad_word_level":0});__ez.queue.markLoaded('ezaqBaseReady');</script>
<script type="text/javascript">(function(){function storageAvailable(type){var storage;try{storage=window[type];var x='__storage_test__';storage.setItem(x,x);storage.removeItem(x);return true;}
catch(e){return e instanceof DOMException&&(e.code===22||e.code===1014||e.name==='QuotaExceededError'||e.name==='NS_ERROR_DOM_QUOTA_REACHED')&&(storage&&storage.length!==0);}}
function remove_ama_config(){if(storageAvailable('localStorage')){localStorage.removeItem("google_ama_config");}}
remove_ama_config()})()</script>
<script type="text/javascript">var ezoicTestActive = true</script>
<script data-ezscrex="false" type="text/javascript" data-cfasync="false">window._ezaq = Object.assign({}, typeof window._ezaq !== "undefined" ? window._ezaq : {}, {"ab_test_id":"mod174-c","ad_cache_level":1,"ad_count_adjustment":0,"ad_lazyload_version":0,"ad_load_version":1,"ad_location_ids":"","adx_ad_count":0,"ai_placeholder_cache_level":1,"ai_placeholder_placement_cnt":-1,"bidder_method":1,"bidder_version":3,"city":"Krasnoyarsk","country":"RU","days_since_last_visit":-1,"display_ad_count":0,"domain_id":173770,"domain_test_group":20230802,"ds_adsize_opt_id":-1,"engaged_time_visit":0,"ezcache_level":2,"ezcache_skip_code":0,"form_factor_id":1,"framework_id":1,"has_bad_image":0,"has_bad_words":0,"iab_category":"","iab_category_0":"596","is_embed":false,"is_from_recommended_pages":false,"is_return_visitor":false,"is_sitespeed":0,"last_page_load":"","last_pageview_id":"","lt_cache_level":0,"max_ads":0,"metro_code":0,"optimization_version":1,"page_ad_positions":"","page_view_count":218,"page_view_id":"4cf04d3e-0ed1-4ac7-68ec-19653299657e","position_selection_id":0,"postal_code":"660000","pv_event_count":0,"response_size_orig":100446,"response_time_orig":11,"serverid":"i-02586fed39afcfc4d","state":"KYA","sub_page_ad_positions":"","t_epoch":1697690898,"template_id":134,"time_on_site_visit":0,"url":"https://plantuml.com/ja/creole","word_count":2651,"worst_bad_word_level":0});__ez.queue.markLoaded('ezaqReady');</script>
<script data-ezscrex='false' data-cfasync='false' data-pagespeed-no-defer>__ez.queue.addFile('/parsonsmaize/mulvane.js', '/parsonsmaize/mulvane.js?gcb=195-2&cb=5', true, ['/parsonsmaize/abilene.js'], true, false, true, false);__ez.queue.addFile('/parsonsmaize/olathe.js', '/parsonsmaize/olathe.js?gcb=195-2&cb=20', false, ['/parsonsmaize/abilene.js','/parsonsmaize/mulvane.js'], true, false, true, false);__ez.queue.addFile('/porpoiseant/et.js', '/porpoiseant/et.js?gcb=195-2&cb=2', false, [], true, false, true, false);!function(){var e;__ez.vep=(e=[],{Add:function(i,t){__ez.dot.isDefined(i)&&__ez.dot.isValid(t)&&e.push({type:"video",video_impression_id:i,domain_id:__ez.dot.getDID(),t_epoch:__ez.dot.getEpoch(0),data:__ez.dot.dataToStr(t)})},Fire:function(){if(void 0===document.visibilityState||"prerender"!==document.visibilityState){if(__ez.dot.isDefined(e)&&e.length>0)for(;e.length>0;){var i=5;i>e.length&&(i=e.length);var t=e.splice(0,i),o=__ez.dot.getURL("/detroitchicago/grapefruit.gif")+"?orig="+(!0===__ez.template.isOrig?1:0)+"&v="+btoa(JSON.stringify(t));__ez.dot.Fire(o)}e=[]}}})}();</script><script data-ezscrex='false' data-cfasync='false' data-pagespeed-no-defer>!function(){function e(i){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e(i)}__ez.pel=function(){var i=[];function t(t,o,d,_,n,r,a,s){if(__ez.dot.isDefined(t)&&0!=__ez.dot.isAnyDefined(t.getSlotElementId,t.ElementId)){void 0===s&&(s=!1);var p=parseInt(__ez.dot.getTargeting(t,"ap")),f=__ez.dot.getSlotIID(t),u=__ez.dot.getAdUnit(t,s),z=parseInt(__ez.dot.getTargeting(t,"compid")),g=0,c=0,l=function(i){if("undefined"==typeof _ezim_d)return!1;var t=__ez.dot.getAdUnitPath(i).split("/").pop();if("object"===("undefined"==typeof _ezim_d?"undefined":e(_ezim_d))&&_ezim_d.hasOwnProperty(t))return _ezim_d[t];for(var o in _ezim_d)if(o.split("/").pop()===t)return _ezim_d[o];return!1}(t);"object"==e(l)&&(void 0!==l.creative_id&&(c=l.creative_id),void 0!==l.line_item_id&&(g=l.line_item_id)),__ez.dot.isDefined(f,u)&&__ez.dot.isValid(o)&&("0"===f&&!0!==s||""===u||i.push({type:"impression",impression_id:f,domain_id:__ez.dot.getDID(),unit:u,t_epoch:__ez.dot.getEpoch(0),revenue:d,est_revenue:_,ad_position:p,ad_size:"",bid_floor_filled:n,bid_floor_prev:r,stat_source_id:a,country_code:__ez.dot.getCC(),pageview_id:__ez.dot.getPageviewId(),comp_id:z,line_item_id:g,creative_id:c,data:__ez.dot.dataToStr(o),is_orig:s||__ez.template.isOrig}))}}function o(){void 0!==document.visibilityState&&"prerender"===document.visibilityState||(__ez.dot.isDefined(i)&&i.length>0&&[i.filter((function(e){return e.is_orig})),i.filter((function(e){return!e.is_orig}))].forEach((function(e){for(;e.length>0;){var i=e[0].is_orig||!1,t=5;t>e.length&&(t=e.length);var o=e.splice(0,t),d=__ez.dot.getURL("/porpoiseant/army.gif")+"?orig="+(!0===i?1:0)+"&sts="+btoa(JSON.stringify(o));(void 0!==window.isAmp&&isAmp||void 0!==window.ezWp&&ezWp)&&void 0!==window._ezaq&&_ezaq.hasOwnProperty("domain_id")&&(d+="&visit_uuid="+_ezaq.visit_uuid),__ez.dot.Fire(d)}})),i=[])}return{Add:t,AddAndFire:function(e,i){t(e,i,0,0,0,0,0),o()},AddAndFireOrig:function(e,i){t(e,i,0,0,0,0,0,!0),o()},AddById:function(e,t,o,d){var _=e.split("/");if(__ez.dot.isDefined(e)&&3===_.length&&__ez.dot.isValid(t)){var n=_[0],r={type:"impression",impression_id:_[2],domain_id:__ez.dot.getDID(),unit:n,t_epoch:__ez.dot.getEpoch(0),pageview_id:__ez.dot.getPageviewId(),data:__ez.dot.dataToStr(t),is_orig:o||__ez.template.isOrig};void 0!==d&&(r.revenue=d),i.push(r)}},Fire:o,GetPixels:function(){return i}}}()}();__ez.queue.addFile('/detroitchicago/raleigh.js', '/detroitchicago/raleigh.js?gcb=195-2&cb=6', false, ['/parsonsmaize/abilene.js'], true, false, true, false);__ez.queue.addFile('/detroitchicago/vista.js', '/detroitchicago/vista.js?gcb=195-2&cb=5', false, ['/parsonsmaize/abilene.js'], true, false, true, false);__ez.queue.addFile('/detroitchicago/tampa.js', '/detroitchicago/tampa.js?gcb=195-2&cb=5', false, ['/parsonsmaize/abilene.js'], true, false, true, false);</script><base href=""/><meta name="flattr:id" content="1ew3x0"/><script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Organization",
  "url": "https://plantuml.com",
  "name": "PlantUML",
  "sameAs" : ["https://twitter.com/plantuml","https://en.wikipedia.org/wiki/PlantUML","https://www.wikidata.org/wiki/Q18346546"],
  "logo": "https://cdn-0.plantuml.com/logo3.png",
  "contactPoint": [{
    "@type": "ContactPoint",
    "email": "plantuml@gmail.com",
    "url": "https://plantuml.com",
    "contactType": "customer service"
  }]
}
</script><script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "item": {
      "@id": "https://plantuml.com",
      "name": "Home"
    }
  },{
    "@type": "ListItem",
    "position": 2,
    "item": {
      "@id": "https://plantuml.com/sitemap-language-specification",
      "name": "Language specification"
    }
  },{
    "@type": "ListItem",
    "position": 3,
    "item": {
      "@id": "https://plantuml.com/creole",
      "name": "Creole"
  }
  }]
}
</script><link rel="canonical" href="creole.html"/><link rel="alternate" hreflang="x-default" href="../creole.html"/><link rel="alternate" hreflang="de" href="../de/creole.html"/><link rel="alternate" hreflang="en" href="../creole.html"/><link rel="alternate" hreflang="es" href="../es/creole.html"/><link rel="alternate" hreflang="fr" href="../fr/creole.html"/><link rel="alternate" hreflang="ja" href="creole.html"/><link rel="alternate" hreflang="ru" href="../ru/creole.html"/><link rel="alternate" hreflang="ko" href="../ko/creole.html"/><link rel="alternate" hreflang="zh" href="../zh/creole.html"/><link rel="shortcut icon" href="../favicon.ico"/><link rel="preload" as="image" href="../svgrepo-house.svg"/><link rel="preload" as="image" href="../svgrepo-text-news.svg"/><link rel="preload" as="image" href="../svgrepo-rocket-3-start.svg"/><link rel="preload" as="image" href="../svgrepo-server.svg"/><link rel="preload" as="image" href="../svgrepo-play.svg"/><link rel="preload" as="image" href="../svgrepo-forum.svg"/><link rel="preload" as="image" href="../svgrepo-add-to-online-cart.svg"/><link rel="preload" as="image" href="../svgrepo-forum-message.svg"/><link rel="preload" as="image" href="../svgrepo-palette-fill.svg"/><link rel="preload" as="image" href="../svgrepo-cpu.svg"/><link rel="preload" as="image" href="../svgrepo-books-library.svg"/><link rel="preload" as="image" href="../svgrepo-signpost-fill.svg"/><link rel="preload" as="image" href="../svgrepo-library.svg"/><link rel="preload" as="image" href="../flags21.png"/><link rel="preload" as="image" href="../svgrepo-uxwing-light-mode-toggle.svg"/><title>Use creole syntax to style your texts</title><meta name="description" content="Creole is a lightweight markup language, aimed at being a common markup language for wikis. PlantUML use Creole syntax to define bold, italic, list, headings, table..."/><meta property="og:type" content="article"/><meta property="og:title" content="Use creole syntax to style your texts"/><meta property="og:description" content="Creole is a lightweight markup language, aimed at being a common markup language for wikis. PlantUML use Creole syntax to define bold, italic, list, headings, table..."/><meta property="og:url" content="https://plantuml.com/ja/creole"/><meta property="og:site_name" content="PlantUML.com"/><meta name="twitter:image" content="https://plantuml.com/og-creole"/><meta property="og:locale" content="ja"/><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="Use creole syntax to style your texts"/><meta name="twitter:description" content="Creole is a lightweight markup language, aimed at being a common markup language for wikis. PlantUML use Creole syntax to define bold, italic, list, headings, table..."/><meta name="twitter:site" content="@PlantUML"/><meta name="twitter:creator" content="@PlantUML"/><style>li{margin:2px}#external li{margin:13px}.pezoic{max-width:970px}@media screen and (max-width:1600px){.pezoic{max-width:768px}}.coptable{max-width:90%}.mytab{display:inline-block;border-radius:3px;border:1px solid #e1e4e8}.mytab:hover{border:1px dashed #0366d6;cursor:pointer;color:#0366d6;background:#f6f8fa}.cop{margin:25px 10px 0 10px}.cop:hover{cursor:pointer;filter:invert(30%) sepia(75%) saturate(4001%) hue-rotate(201deg) brightness(88%) contrast(98%)}.cop2{margin:25px 10px 0 10px}.cop2:hover{cursor:pointer}.msg{position:absolute;color:#396;background-color:#FFF;margin-top:55px;display:none;border-radius:3px;border:1px solid #4dff00}.mycell0{float:left;vertical-align:top;padding:10px}.mycell0 code:hover{cursor:default;color:#000}.mycell{float:right;vertical-align:top;padding:10px;max-width:55vw;overflow-x:auto}.mycell0 pre{max-width:55vw;overflow-x:auto}.cod{background:#edeff3;padding:2px 5px;border-radius:3px}.colo{display:inline-block;background:#edeff3;padding:7px 12px;border-radius:3px}.tag,.tagg,.tago,.tagr{text-rendering:optimizeLegibility;display:inline-block;padding:3px 5px 2px 4px;text-decoration:none;white-space:nowrap;border:1px solid #999;text-transform:uppercase;text-align:center;border-radius:3px;font-size:11px;font-weight:bold;line-height:90%}.tag{background-color:#eee}.tagg{background-color:#98fb98}.tago{background-color:#fafa00}.tagr{background-color:#ff4500}a{text-decoration:none;color:#0366d6}a:hover{text-decoration:underline}.menu1{border:0;font-family:Helvetica,sans-serif;font-size:14px;padding:0;margin:0;white-space:nowrap;overflow:hidden;vertical-align:middle;line-height:30px}.menu1 a{text-align:center;padding:10px 7px 10px 7px;text-decoration:none;color:#637282}.menu1 a:hover{color:#0366d6}#menu0{top:0;z-index:4;margin:0 0 0 10px;padding:0}@media screen and (max-width:1500px){#menu0{visibility:hidden}}.mhov img{margin:0 5px 0 0;padding:0}.mhov:hover{filter:invert(25%) sepia(97%) saturate(2026%) hue-rotate(201deg) brightness(91%) contrast(98%)}#menuside2{border:0;font-family:Helvetica,sans-serif;font-size:14px;padding:20px 0 4px 0;margin:0}#menuside2 span{vertical-align:top}#menuside2 li{list-style:none;position:relative;padding:0;margin:10px 20px 10px 10px;border:0}#menuside2 li a{display:inline-block;text-decoration:none;color:#637282;width:100%}#BC{z-index:0;padding-top:5px;top:35px}.breadcrumb{z-index:1;font-family:Helvetica,sans-serif;font-size:14px;text-align:center;display:inline-block;overflow:hidden;border-radius:5px}.breadcrumb a{text-decoration:none;outline:0;display:block;float:left;font-size:12px;line-height:24px;color:#373f49;padding:0 10px 0 35px;background:#f0f1f1;background:linear-gradient(#f0f1f1,#c6d2d2);position:relative}.breadcrumb a:first-child{padding-left:21px;border-radius:5px 0 0 5px}.breadcrumb a:first-child:before{left:14px}.breadcrumb a:last-child{visibility:hidden}.breadcrumb a.active,.breadcrumb a:hover{color:#0366d6;background:#c6d2d2;background:linear-gradient(#e3e4e4,#b8c7c7)}.breadcrumb a.active:after,.breadcrumb a:hover:after{background:#c6d2d2;background:linear-gradient(135deg,#e3e4e4,#b8c7c7)}.breadcrumb a:after{content:'';position:absolute;top:0;right:-12px;width:24px;height:24px;transform:scale(0.707) rotate(45deg);z-index:1;background:#f0f1f1;background:linear-gradient(135deg,#f0f1f1,#c6d2d2);box-shadow:2px -2px 0 2px rgba(0,0,0,0.1),3px -3px 0 2px rgba(255,255,255,0.1);border-radius:0 5px 0 50px}.breadcrumb a:last-child:after{content:none;visibility:hidden}.lga,.lga a,.lgi,.lgi a{font-family:Helvetica,sans-serif;font-size:13px;text-align:center;color:#fff;padding:0 5px;margin:0}.lga,.lga a{background-color:#008}.lgi,.lgi a{background-color:#888}.lga:hover,.lga:hover a{text-decoration:none;color:#BBB}.lgi:hover,.lgi:hover a{text-decoration:none;color:#CCC}</style><style>.backtop{margin:0 10px}.backtop:hover{cursor:pointer;filter:invert(30%) sepia(75%) saturate(4001%) hue-rotate(201deg) brightness(88%) contrast(98%)}</style><style>.dropbtn{padding:0;border:0;background:0}.dropdown{position:relative;display:inline-block;margin:0 10px}.dropdown-content{display:none;position:absolute;background-color:#f1f1f1;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:1}.dropdown-content img{vertical-align:middle;margin:0 8px 0 1px}.dropdown-content a{font-size:small;font-weight:normal;color:black;padding:5px 10px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#ddd;color:#0366d6}.dropdown:hover .dropdown-content{display:block}.dropdown:hover .dropbtn{background-color:#3e8e41}</style><style>#flex1{margin:0;padding:0;display:flex;flex-direction:row;width:378px;height:100%}#lll{flex-grow:1;flex-shrink:1;max-width:162px;overflow:hidden}#mmm{flex-grow:0;flex-shrink:0;background:#edeff3;width:210px;min-width:210px;max-width:210px;flex-grow:0;flex-shrink:0;border-left:1px solid #d4d8de}#qqq{flex-grow:0;flex-shrink:0;width:4px;min-width:4px;max-width:4px;flex-grow:0;flex-shrink:0}#rrr{flex-grow:1;flex-shrink:1;max-width:162px;overflow:hidden}.cde{display:flex;flex-direction:column;justify-content:space-between;height:100%}.cd{display:flex;flex-direction:column;justify-content:space-start;height:100%}.aaa{height:30px;min-height:30px;max-height:30px;flex-grow:0;flex-shrink:0;background:#edeff3;border-bottom:1px solid #d4d8de}.bbb,.bbborder{flex-grow:1;flex-shrink:0}.bbborder{border-left:1px solid #d4d8de}#header{z-index:10;position:fixed;left:378px;right:0;height:30px;top:0;background:#edeff3;border-bottom:1px solid #d4d8de}#header2{z-index:7;position:fixed;left:378px;right:0;height:10px;top:30px;background:#fefefe}#left0{top:0;position:fixed;left:0;margin:0;bottom:0;width:378px;padding:0;z-index:2}#root{padding:0;margin:40px 0 0 388px;background:#fefefe}body{margin:auto;overflow-x:hidden;background:#fefefe}@media screen and (max-width:1190px){#flex1,#left0{width:215px}#root{margin:40px 0 0 224px}#header,#header2{left:215px}#left0{left:0}#lll,#rrr{width:0;visibility:hidden;flex-grow:0;flex-shrink:0}}@media screen and (max-width:1010px){#root{margin:0 0 0 216px}#header,#header2{display:none}#lll,#qqq{width:0;visibility:hidden;flex-grow:0;flex-shrink:0}#mmm{border-right:1px solid #d4d8de}}@media screen and (min-width:1700px){#header,#header2{left:518px}#left0,#flex1{width:518px}#root{margin-left:528px}#lll,#rrr{max-width:302px}}</style><script>window.pushMST_config={vapidPK:"BBodn2vLFoDO5AdCfmOOzNmcUsn52kTA6JNZNYVFymzEdWHonz_bkUcsaTkPXHvNGRkRUSAxMbup-H0l2sb1h_Q",enableOverlay:true,swPath:"/sw.js",i18n:{}};var pushmasterTag=document.createElement("script");pushmasterTag.src="https://cdn.pushmaster-cdn.xyz/scripts/publishers/629f5e297baecc00098a271b/SDK.js";pushmasterTag.setAttribute("defer","");var firstScriptTag=document.getElementsByTagName("script")[0];firstScriptTag.parentNode.insertBefore(pushmasterTag,firstScriptTag);</script><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-TKZNNQT9CZ"></script><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date());gtag("config","G-TKZNNQT9CZ");</script><script>var llg="ja";var az=0;var amdark=0;function ljs(b){if(az){return false}var a=document.createElement("script");a.type="text/javascript";a.src="/btn-"+b+".js";document.body.innerHTML="<i style='position:absolute;top:30%;width:100%;'><center>Loading in progress...";document.body.appendChild(a)}function ctc(c){document.getElementById("img"+c).classList.remove("cop");document.getElementById("img"+c).classList.add("cop2");document.getElementById("pre"+c).style.backgroundColor="#4dff00";document.getElementById("msg"+c).style.display="inline";setTimeout(function(){document.getElementById("img"+c).classList.remove("cop2");document.getElementById("img"+c).classList.add("cop");document.getElementById("pre"+c).style.backgroundColor="";document.getElementById("msg"+c).style.display="none"},800);text=document.getElementById("pre"+c).innerText;if(window.clipboardData&&window.clipboardData.setData){return window.clipboardData.setData("Text",text)}else{if(document.queryCommandSupported&&document.queryCommandSupported("copy")){var a=document.createElement("textarea");a.textContent=text;a.style.position="fixed";document.body.appendChild(a);a.select();try{return document.execCommand("copy")}catch(b){return false}finally{document.body.removeChild(a)}}}};</script><script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><script type='text/javascript'>
var ezoTemplate = 'pub_site';
var ezouid = '1';
var ezoFormfactor = '1';
</script><script data-ezscrex="false" type='text/javascript'>
var soc_app_id = '0';
var did = 173770;
var ezdomain = 'plantuml.com';
var ezoicSearchable = 1;
</script>
<script data-ezscrex='false' data-pagespeed-no-defer data-cfasync='false'>
function create_ezolpl() {
	var d = new Date();
	d.setTime(d.getTime() + (365*24*60*60*1000));
	var expires = "expires="+d.toUTCString();
	__ez.ck.setByCat("ezux_lpl_173770=" + new Date().getTime() + "|" + _ezaq.page_view_id + "|" + _ezaq.is_return_visitor + "; " + expires, 3);
}
function attach_ezolpl() {
	if (document.readyState === "complete") {
		create_ezolpl();
		return;
	}
	window.addEventListener("load", create_ezolpl);
}

__ez.queue.addFunc("attach_ezolpl", "attach_ezolpl", null, false, ['/detroitchicago/boise.js'], true, false, false, false);
</script></head><body><div id="left0"><div id="flex1"><div id="lll"><div class="cde"><div></div><div><span id="ezoic-pub-ad-placeholder-131"></span><!-- ezoic_pub_ad_placeholder-131-sidebar-120x600-131-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-131-sidebar-160x600-131-nonexxxnonexxxxxxezmaxscaleval100 --></div><div></div></div></div><div id="mmm"><div class="cde"><div><div><span id="ezoic-pub-ad-placeholder-105"></span><!-- ezoic_pub_ad_placeholder-105-sidebar_middle-120x240-105-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-105-sidebar_middle-125x125-105-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-105-sidebar_middle-180x150-105-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-105-sidebar_middle-200x200-105-nonexxxnonexxxxxxezmaxscaleval100 --></div><ul id="menuside2"><li><a href="index.html" class="mhov"><img src="../svgrepo-house.svg" width="16" height="16"/><span>ホーム</span></a></li><li><a href="news.html" class="mhov"><img src="../svgrepo-text-news.svg" width="16" height="16"/><span>新着情報</span></a></li><li><a href="starting.html" class="mhov"><img src="../svgrepo-rocket-3-start.svg" width="16" height="16"/><span>入門</span></a></li><li><a href="https://www.plantuml.com/plantuml/uml/SyfFKj2rKt3CoKnELR1Io4ZDoSa70000" class="mhov"><img src="../svgrepo-server.svg" width="16" height="16"/><span>Online Server</span></a></li><li><a href="running.html" class="mhov"><img src="../svgrepo-play.svg" width="16" height="16"/><span>実行方法</span></a></li><li><a href="faq.html" class="mhov"><img src="../svgrepo-forum.svg" width="16" height="16"/><span>F.A.Q.</span></a></li><li><a href="download.html" class="mhov"><img src="../svgrepo-add-to-online-cart.svg" width="16" height="16"/><span>ダウンロード</span></a></li><li><a href="../qa.html" class="mhov"><img src="../svgrepo-forum-message.svg" width="16" height="16"/><span>フォーラム(英語)</span></a></li><li><a href="theme.html" class="mhov"><img src="../svgrepo-palette-fill.svg" width="16" height="16"/><span>Theme</span></a></li><li><a href="preprocessing.html" class="mhov"><img src="../svgrepo-cpu.svg" width="16" height="16"/><span>前処理</span></a></li><li><a href="stdlib.html" class="mhov"><img src="../svgrepo-books-library.svg" width="16" height="16"/><span>標準ライブラリ</span></a></li><li><a href="https://crashedmind.github.io/PlantUMLHitchhikersGuide" class="mhov"><img src="../svgrepo-signpost-fill.svg" width="16" height="16"/><span>Hitchhiker&#39;s Guide</span></a></li><li><a href="guide.html" class="mhov"><img src="../svgrepo-library.svg" width="16" height="16"/><span>PDFガイド</span></a></li></ul><div><span id="ezoic-pub-ad-placeholder-108"></span><!-- ezoic_pub_ad_placeholder-108-sidebar_middle-120x240-108-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-108-sidebar_middle-125x125-108-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-108-sidebar_middle-180x150-108-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-108-sidebar_middle-200x200-108-nonexxxnonexxxxxxezmaxscaleval100 --></div></div><div></div><div style="margin-bottom:35px;"><span id="ezoic-pub-ad-placeholder-186"></span><!-- ezoic_pub_ad_placeholder-186-sidebar_middle-120x240-186-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-186-sidebar_middle-125x125-186-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-186-sidebar_middle-180x150-186-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-186-sidebar_middle-200x200-186-nonexxxnonexxxxxxezmaxscaleval100 --></div></div></div><div id="qqq"><div class="cd"><div class="aaa"></div><div class="bbborder"></div></div></div><div id="rrr"><div class="cd"><div class="aaa"></div><div style="height:5px;"></div><div class="bbb"><div class="cde"><div></div><div><span id="ezoic-pub-ad-placeholder-175"></span><!-- ezoic_pub_ad_placeholder-175-sidebar-120x600-175-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-175-sidebar-160x600-175-nonexxxnonexxxxxxezmaxscaleval100 --></div><div></div></div></div></div></div></div></div><style>#contmenu{display:flex;height:30px;width:100%;margin:0;padding:0}#contmenua{height:30px;padding-right:25px}#contmenub{z-index:15;display:inline-block;flex-grow:1;flex-shrink:1;height:30px;background-color:#edeff3}#magic{white-space:nowrap;overflow:hidden;z-index:14;position:fixed;top:0;right:50px;height:30px;width:30px}#magic2{white-space:nowrap;overflow:hidden;z-index:16;position:fixed;top:0;right:0;height:30px;width:50px;background-color:#edeff3}#magic2 img{margin:5px 0 0 5px;filter:invert(44%) sepia(27%) saturate(310%) hue-rotate(170deg) brightness(92%) contrast(83%)}#magic2:hover img{filter:invert(25%) sepia(97%) saturate(2026%) hue-rotate(201deg) brightness(91%) contrast(98%)}#magic:hover #svgrepoleft{filter:invert(22%) sepia(53%) saturate(4563%) hue-rotate(202deg) brightness(95%) contrast(98%)}#magic:hover{width:100%;height:31px}#aze{height:30px;display:flex;flex-direction:row-reverse}#aze1{height:30px;background-color:#edeff3}#aze2{height:30px;background-color:#edeff3;padding-left:10px;border-left:1px solid #d4d8de;border-bottom:1px solid #d4d8de}#aze1 img{filter:invert(46%) sepia(6%) saturate(1254%) hue-rotate(171deg) brightness(94%) contrast(92%)}#aze3{width:3px;height:30px;background-color:#edeff3}</style><div id="header"><div id="contmenu"><div id="contmenua"><div class="menu1"><a href="sequence-diagram.html">シーケンス図</a><a href="use-case-diagram.html">ユースケース図</a><a href="class-diagram.html">クラス図</a><a href="activity-diagram-beta.html">アクティビティ図</a><a href="component-diagram.html">コンポーネント図</a><a href="state-diagram.html">状態図</a><a href="object-diagram.html">オブジェクト図</a><a href="deployment-diagram.html">配置図</a><a href="timing-diagram.html">タイミング図</a><a href="nwdiag.html">Network</a><a href="salt.html">Wireframe</a><a href="archimate-diagram.html">Archimate</a><a href="gantt-diagram.html">Gantt</a><a href="mindmap-diagram.html">MindMap</a><a href="wbs-diagram.html">WBS</a><a href="json.html">JSON</a><a href="yaml.html">YAML</a></div></div><div id="contmenub"></div></div><div id="magic"><div id="aze"><div id="aze1"><img id="svgrepoleft" width="30" height="30" src="../svgrepo-left.svg"/></div><div id="aze2"><div class="menu1"><a href="sequence-diagram.html">シーケンス図</a><a href="use-case-diagram.html">ユースケース図</a><a href="class-diagram.html">クラス図</a><a href="activity-diagram-beta.html">アクティビティ図</a><a href="component-diagram.html">コンポーネント図</a><a href="state-diagram.html">状態図</a><a href="object-diagram.html">オブジェクト図</a><a href="deployment-diagram.html">配置図</a><a href="timing-diagram.html">タイミング図</a><a href="nwdiag.html">Network</a><a href="salt.html">Wireframe</a><a href="archimate-diagram.html">Archimate</a><a href="gantt-diagram.html">Gantt</a><a href="mindmap-diagram.html">MindMap</a><a href="wbs-diagram.html">WBS</a><a href="json.html">JSON</a><a href="yaml.html">YAML</a></div></div><div id="aze3"></div></div></div><div id="magic2"><a href="../ja-dark/creole.html"><img src="../svgrepo-uxwing-light-mode-toggle.svg" height="20"/></a></div></div><div id="header2"></div><div id="root"><style>#haut1{margin:50px 0 20px;padding:0;min-height:80px}#donate{padding-top:5px;min-height:30px}</style><div id="haut1"><div style="float:left;"><div class="breadcrumb"><a href="sitemap.html">PlantUML</a><a href="sitemap-language-specification.html">Language specification</a><a href="creole.html">Creole</a><a href="creole.html#"></a></div><div id="donate">   <a href="https://discord.gg/sXhzexAQGh" style="text-decoration: none;"><img src="https://img.shields.io/discord/1083727021328306236?color=5865F2&amp;logo=discord&amp;logoColor=white" alt="Discord server"/></a>   <a href="https://github.com/sponsors/plantuml/" style="text-decoration: none;"><img src="https://img.shields.io/github/sponsors/plantuml?logo=github"/></a>   <a href="https://www.patreon.com/bePatron?patAmt=1&amp;u=527450&amp;rid=152970" style="text-decoration: none;"><img src="https://img.shields.io/badge/patreon-122-chocolate?logo=patreon"/></a>   <a href="../lp.html" style="text-decoration: none;"><img src="https://img.shields.io/liberapay/patrons/plantuml?color=gold&amp;logo=liberapay&amp;label=liberapay"/></a>   <a href="../en/paypal.html" style="text-decoration: none;"><img src="https://img.shields.io/badge/paypal-296-skyblue?logo=paypal&amp;logoColor=red"/></a></div></div><div style="float:right; margin:3px 0;"><style>#langlist{display:flex;justify-content:space-between;width:317px;height:16px;margin:3px 10px 3px 0}.sel2{border:2px solid #fefefe}.nosel2{border:2px solid #fefefe;filter:grayscale(100%) opacity(75%)}.sel2:hover,.nosel2:hover{cursor:pointer;border:2px solid #0366d6;border-spacing:0;filter:grayscale(0);filter:contrast(200%);filter:brightness(150%)}#flag1,#flag2,#flag3,#flag4,#flag5,#flag6,#flag7,#flag8{background:url(../flags21.png);background-repeat:no-repeat;background-clip:content-box;width:22px;height:16px}#flag2{background-position:-22px 0}#flag3{background-position:-44px 0}#flag4{background-position:-66px 0}#flag5{background-position:-88px 0}#flag6{background-position:-110px 0}#flag7{background-position:-132px 0}#flag8{background-position:-154px 0}</style><div id="langlist"><div id="flag1" onclick="location.href=&#39;/en/creole&#39;" class="nosel2"></div><div id="flag2" onclick="location.href=&#39;/de/creole&#39;" class="nosel2"></div><div id="flag3" onclick="location.href=&#39;/es/creole&#39;" class="nosel2"></div><div id="flag4" onclick="location.href=&#39;/fr/creole&#39;" class="nosel2"></div><div id="flag5" onclick="location.href=&#39;/ja/creole&#39;" class="sel2"></div><div id="flag6" onclick="location.href=&#39;/ko/creole&#39;" class="nosel2"></div><div id="flag7" onclick="location.href=&#39;/ru/creole&#39;" class="nosel2"></div><div id="flag8" onclick="location.href=&#39;/zh/creole&#39;" class="nosel2"></div></div></div></div><p><style>#topsticky{z-index:2;margin:0 240px 0 0}@media screen and (min-height:800px){#topsticky{position:sticky;top:40px}}@media screen and (max-width:1500px){#topsticky{margin:0}}</style></p><div id="topsticky"><span id="ezoic-pub-ad-placeholder-647"></span><!-- ezoic_pub_ad_placeholder-647-under_page_title-320x100-647-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-647-under_page_title-300x50v2-647-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-647-under_page_title-320x50-647-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-647-under_page_title-468x60-647-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-647-under_page_title-728x90-647-nonexxxnonexxxxxxezmaxscaleval100 --></div><p><a style="position:relative;top:-38px;" name="8779535cbfa3b569"></a><style>#toc{z-index:2;position:sticky;top:40px;list-style-type:none;margin:0;padding:0 10px}.chap{clear:both}#toc ul{list-style-type:none;max-height:87vh;overflow-y:auto;background:#f6f8fa;border-width:2px;border-style:groove;border-radius:3px;border-color:#e1e4e8;margin:0;padding:0}@media screen and (min-height:450px){#toc ul{max-height:89.5vh}}@media screen and (min-height:550px){#toc ul{max-height:91.5vh}}@media screen and (min-height:700px){#toc ul{max-height:93.5vh}}@media screen and (min-height:900px){#toc ul{max-height:94.5vh}}#toc li{margin:5px 5px 5px 10px;padding:0}@media screen and (max-width:1500px){#toctd{display:none}#toc{display:none}}</style><table border="0" cellspacing="0" cellpadding="0" width="100%"><tbody><tr valign="top" width="100%"><td valign="top"><h1 class="chap"><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/creole#0"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/creole#0"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/creole#0"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Creole</h1><p></p><a href="http://en.wikipedia.org/wiki/Creole_%28markup%29">Creole</a>は、さまざまなwikiで使われる、軽量の共通マークアップ言語です。 PlantUMLには、軽量のCreoleエンジンが内蔵されており、テキストのスタイルを統一的な方法で定義することができます。 <p></p> この構文はすべてのダイアグラムでサポートされています。 <p></p> 後方互換性のため、HTML構文も残されていることにご注意ください。 <a style="position:relative;top:-38px;" name="3893233f135424c7"></a><div style="clear:both;height:50px;"></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/creole#1"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/creole#1"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/creole#1"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>テキストの強調</h2><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg76968a391cd4a67d9462edc0f23d0e01" class="msg"> 🎉 Copied! </div><img width="16" height="16" id="img76968a391cd4a67d9462edc0f23d0e01" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;76968a391cd4a67d9462edc0f23d0e01&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;76968a391cd4a67d9462edc0f23d0e01&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;76968a391cd4a67d9462edc0f23d0e01&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre76968a391cd4a67d9462edc0f23d0e01">@startuml
Alice -&gt; Bob : hello --there-- here
... Some ~~long delay~~ ...
Bob -&gt; Alice : ok
note left
  This is **bold**
  This is //italics//
  This is &#34;&#34;monospaced&#34;&#34;
  This is --stricken-out--
  This is __underlined__
  This is ~~wave-underlined~~
end note
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="301" height="284" class="scale" src="../imgw/img-76968a391cd4a67d9462edc0f23d0e01.png"/></div></div></td></tr></tbody></table></p><p><a style="position:relative;top:-38px;" name="691d1860ec58dd97"></a></p><div style="clear:both;min-height:110px;margin-top:10px;"><div class="pezoic"><span id="ezoic-pub-ad-placeholder-179"></span><!-- ezoic_pub_ad_placeholder-179-under_second_paragraph-234x60-179-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-179-under_second_paragraph-468x60-179-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-179-under_second_paragraph-728x90-179-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-179-under_second_paragraph-970x90-179-nonexxxnonexxxxxxezmaxscaleval100 --></div></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/creole#2"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/creole#2"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/creole#2"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>リスト</h2><p></p> ノードのテキストや注釈の中で、番号付きリストと箇条書きリストを使用できます。 <p></p><div class="tag" style="background:#FFD700;">FIXME</div> 🚩 リストとそのサブリストの中で番号付きリストと箇条書きリストを混ぜて使うとうまくいきません。 <p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg616c8035b3a15a570207d5281e8b11f2" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img616c8035b3a15a570207d5281e8b11f2" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;616c8035b3a15a570207d5281e8b11f2&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;616c8035b3a15a570207d5281e8b11f2&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;616c8035b3a15a570207d5281e8b11f2&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre616c8035b3a15a570207d5281e8b11f2">@startuml
object demo {
  * 箇条書きリスト
  * 二つ目の項目
}
note left
  * 箇条書きリスト
  * 二つ目の項目
  ** サブ項目
end note

legend
  # 番号付きリスト
  # 二つ目の項目
  ## サブ項目
  ## 別のサブ項目
        * 番号付きと箇条書きを
        * 混ぜることはできません
  # 三つ目の項目
end legend
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="295" height="242" class="scale" src="../imgw/img-616c8035b3a15a570207d5281e8b11f2.png"/></div></div></td></tr></tbody></table></p><p><a style="position:relative;top:-38px;" name="6ec83e2c21f8f8b3"></a></p><div style="clear:both;height:50px;"></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/creole#3"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/creole#3"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/creole#3"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>エスケープ文字</h2><p></p> チルダ<code class="cod">~</code>を使用して、creoleの特殊文字をエスケープすることができます。 <p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg7a1bc5193dfa6a7f21364919c94a652d" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img7a1bc5193dfa6a7f21364919c94a652d" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;7a1bc5193dfa6a7f21364919c94a652d&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;7a1bc5193dfa6a7f21364919c94a652d&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;7a1bc5193dfa6a7f21364919c94a652d&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre7a1bc5193dfa6a7f21364919c94a652d">@startuml
object demo {
  This is not ~___underscored__.
  This is not ~&#34;&#34;monospaced&#34;&#34;.
}
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="225" height="84" class="scale" src="../imgw/img-7a1bc5193dfa6a7f21364919c94a652d.png"/></div></div></td></tr></tbody></table></p><p><a style="position:relative;top:-38px;" name="545b1150d9c178bf"></a></p><div style="clear:both;min-height:110px;margin-top:10px;"><div class="pezoic"><span id="ezoic-pub-ad-placeholder-114"></span><!-- ezoic_pub_ad_placeholder-114-mid_content-234x60-114-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-114-mid_content-468x60-114-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-114-mid_content-728x90-114-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-114-mid_content-970x90-114-nonexxxnonexxxxxxezmaxscaleval100 --></div></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/creole#4"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/creole#4"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/creole#4"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>見出し</h2><p></p><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg75e2733da86944486d3e80121e06d78d" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img75e2733da86944486d3e80121e06d78d" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;75e2733da86944486d3e80121e06d78d&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;75e2733da86944486d3e80121e06d78d&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;75e2733da86944486d3e80121e06d78d&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre75e2733da86944486d3e80121e06d78d">@startuml
usecase UC1 as &#34;
= 特大見出し
何かのテキスト
== 大見出し
別のテキスト
=== 中見出し
情報
....
==== 小見出し&#34;
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="223" height="183" class="scale" src="../imgw/img-75e2733da86944486d3e80121e06d78d.png"/></div></div></td></tr></tbody></table></p><p><a style="position:relative;top:-38px;" name="68305e25f5788db0"></a></p><div style="clear:both;height:50px;"></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/creole#5"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/creole#5"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/creole#5"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>絵文字</h2><p></p> 以下の構文で、<a href="https://twemoji.twitter.com/">Twemojiの絵文字</a>を利用できます: <p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg69016a025e2c082b448d2e41a174219d" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img69016a025e2c082b448d2e41a174219d" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;69016a025e2c082b448d2e41a174219d&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;69016a025e2c082b448d2e41a174219d&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;69016a025e2c082b448d2e41a174219d&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre69016a025e2c082b448d2e41a174219d">@startuml
Alice -&gt; Bob : Hello &lt;:1f600:&gt;
return &lt;:innocent:&gt;
Alice -&gt; Bob : Without color: &lt;#0:sunglasses:&gt;
Alice -&gt; Bob : Change color: &lt;#green:sunny:&gt;
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="180" height="232" class="scale" src="../imgw/img-69016a025e2c082b448d2e41a174219d.png"/></div></div></td></tr></tbody></table></p><p></p><p></p> 次の<a href="https://en.wikipedia.org/wiki/Unicode_block">Unicodeブロック</a>が利用できます: <p></p><ul><li><a href="https://www.plantuml.com/plantuml/svg/SoWkIImgAStDuKhDpS_AL30out98pKi12W00">Unicode block 26</a></li><li><a href="https://www.plantuml.com/plantuml/svg/SoWkIImgAStDuKhDpS_AL31qC-PoICrB0Oe00000">Unicode block 1F3</a></li><li><a href="https://www.plantuml.com/plantuml/svg/SoWkIImgAStDuKhDpS_AL31qC-5oICrB0Oe00000">Unicode block 1F4</a></li><li><a href="https://www.plantuml.com/plantuml/svg/SoWkIImgAStDuKhDpS_AL31qC-LoICrB0Oe00000">Unicode block 1F5</a></li><li><a href="https://www.plantuml.com/plantuml/svg/SoWkIImgAStDuKhDpS_AL31qC-DoICrB0Oe00000">Unicode block 1F6</a></li><li><a href="https://www.plantuml.com/plantuml/svg/SoWkIImgAStDuKhDpS_AL31qi-HoICrB0Oe00000">Unicode block 1F9</a></li></ul><p></p><p></p><center><div class="tago">WARNING</div> <b>This translation need to be updated.</b> <div class="tago">WARNING</div></center><a style="position:relative;top:-38px;" name="acc8003baf7c883f"></a><div style="clear:both;min-height:110px;margin-top:10px;"><div class="pezoic"><span id="ezoic-pub-ad-placeholder-115"></span><!-- ezoic_pub_ad_placeholder-115-long_content-234x60-115-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-115-long_content-468x60-115-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-115-long_content-728x90-115-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-115-long_content-970x90-115-nonexxxnonexxxxxxezmaxscaleval100 --></div></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/creole#6"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/creole#6"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/creole#6"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>水平線</h2><p></p><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg5699c018f34cc3e90758fb4155616376" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img5699c018f34cc3e90758fb4155616376" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;5699c018f34cc3e90758fb4155616376&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;5699c018f34cc3e90758fb4155616376&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;5699c018f34cc3e90758fb4155616376&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre5699c018f34cc3e90758fb4155616376">@startuml
database DB1 as &#34;
水平線を入れることができます
----
二重線
====
太線
____
点線
..タイトル..
Enjoy!
&#34;
note right
  注釈でも同様に利用可能です
  また、いずれの線にもタイトルを入れることができます
  ==タイトル==
  --これもタイトル--
end note

@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="609" height="184" class="scale" src="../imgw/img-5699c018f34cc3e90758fb4155616376.png"/></div></div></td></tr></tbody></table></p><p><a style="position:relative;top:-38px;" name="bd908db5ccb07777"></a></p><div style="clear:both;height:50px;"></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/creole#7"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/creole#7"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/creole#7"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>リンク</h2><p></p><a href="link.html">URLとリンクを使用する</a>こともできます。 <p></p> 単純なリンクは二重の角括弧を使用します（クラス図のフィールドとメソッドでは三重の角括弧を使用します） <p></p><u>例</u>: <ul><li><code class="cod">[[http://plantuml.com]]</code></li><li><code class="cod">[[http://plantuml.com This label is printed]]</code></li><li><code class="cod">[[http://plantuml.com{Optional tooltip} This label is printed]]</code></li></ul><p></p><a href="url-authentication.html">認証</a>が必要なURLも利用できます。 <a style="position:relative;top:-38px;" name="ca0dbad92a874b2f"></a><div style="clear:both;min-height:110px;margin-top:10px;"><div class="pezoic"><span id="ezoic-pub-ad-placeholder-116"></span><!-- ezoic_pub_ad_placeholder-116-longer_content-234x60-116-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-116-longer_content-468x60-116-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-116-longer_content-728x90-116-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-116-longer_content-970x90-116-nonexxxnonexxxxxxezmaxscaleval100 --></div></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/creole#8"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/creole#8"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/creole#8"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>コード</h2><p></p><code class="cod">&lt;code&gt;</code>を使用して、ダイアグラム中にプログラミングのコードを記述できます（シンタックスハイライトは未対応です）。 <p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msgb8e3187518fdb827a10a1741bc3140c4" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imgb8e3187518fdb827a10a1741bc3140c4" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;b8e3187518fdb827a10a1741bc3140c4&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;b8e3187518fdb827a10a1741bc3140c4&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;b8e3187518fdb827a10a1741bc3140c4&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="preb8e3187518fdb827a10a1741bc3140c4">@startuml
Alice -&gt; Bob : hello
note right
&lt;code&gt;
main() {
  printf(&#34;Hello world&#34;);
}
&lt;/code&gt;
end note
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="302" height="164" class="scale" src="../imgw/img-b8e3187518fdb827a10a1741bc3140c4.png"/></div></div></td></tr></tbody></table></p><p></p><p></p> これは、PlantUMLのコードとその出力結果を表示する場合に、特に便利です： <p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msgfdb1a19c3fa423698c2497155ffc0e5a" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imgfdb1a19c3fa423698c2497155ffc0e5a" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;fdb1a19c3fa423698c2497155ffc0e5a&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;fdb1a19c3fa423698c2497155ffc0e5a&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;fdb1a19c3fa423698c2497155ffc0e5a&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="prefdb1a19c3fa423698c2497155ffc0e5a">@startuml
Alice -&gt; Bob : hello
note left
&lt;code&gt;
  This is **bold**
  This is //italics//
  This is &#34;&#34;monospaced&#34;&#34;
  This is --stricken-out--
  This is __underlined__
  This is ~~wave-underlined~~
  --test Unicode and icons--
  This is &lt;U+221E&gt; long
  This is a &lt;&amp;code&gt; icon
&lt;/code&gt;
end note
note right
  This is **bold**
  This is //italics//
  This is &#34;&#34;monospaced&#34;&#34;
  This is --stricken-out--
  This is __underlined__
  This is ~~wave-underlined~~
  --test Unicode and icons--
  This is &lt;U+221E&gt; long
  This is a &lt;&amp;code&gt; icon
end note
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="487" height="265" class="scale" src="../imgw/img-fdb1a19c3fa423698c2497155ffc0e5a.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><center><div class="tago">WARNING</div> <b>This translation need to be updated.</b> <div class="tago">WARNING</div></center><a style="position:relative;top:-38px;" name="51c45b795d5d18a3"></a><div style="clear:both;height:50px;"></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/creole#9"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/creole#9"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/creole#9"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>テーブル</h2><p></p><h3>テーブルの作成</h3><code class="cod">|</code>で区切ることで、テーブルを作成できます。 <p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg4d0019fcc62f4ddb204eb86eeca9c124" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img4d0019fcc62f4ddb204eb86eeca9c124" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;4d0019fcc62f4ddb204eb86eeca9c124&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;4d0019fcc62f4ddb204eb86eeca9c124&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;4d0019fcc62f4ddb204eb86eeca9c124&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre4d0019fcc62f4ddb204eb86eeca9c124">@startuml
skinparam titleFontSize 14
title
  シンプルなテーブルの例
  |= |= table |= header |
  | a | table | row |
  | b | table | row |
end title
[*] --&gt; State1
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="181" height="236" class="scale" src="../imgw/img-4d0019fcc62f4ddb204eb86eeca9c124.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>行とセルの色</h3> 行とセルに背景<a href="color.html">色</a>を設定できます。 <p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msgc7b97f3dcc4e97f8017aa23ebfc96651" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imgc7b97f3dcc4e97f8017aa23ebfc96651" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;c7b97f3dcc4e97f8017aa23ebfc96651&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;c7b97f3dcc4e97f8017aa23ebfc96651&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;c7b97f3dcc4e97f8017aa23ebfc96651&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="prec7b97f3dcc4e97f8017aa23ebfc96651">@startuml
start
:Here is the result
|= |= table |= header |
| a | table | row |
|&lt;#FF8080&gt; red |&lt;#80FF80&gt; green |&lt;#8080FF&gt; blue |
&lt;#yellow&gt;| b | table | row |;
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="149" height="159" class="scale" src="../imgw/img-c7b97f3dcc4e97f8017aa23ebfc96651.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>枠線とテキストの色</h3> 枠線とテキストの<a href="color.html">色</a>を設定することもできます。 <p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg9d3b448313cc5c0886dfc1c71aab90bc" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img9d3b448313cc5c0886dfc1c71aab90bc" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;9d3b448313cc5c0886dfc1c71aab90bc&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;9d3b448313cc5c0886dfc1c71aab90bc&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;9d3b448313cc5c0886dfc1c71aab90bc&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre9d3b448313cc5c0886dfc1c71aab90bc">@startuml
title
&lt;#lightblue,#red&gt;|=  Step  |=  Date  |=  Name  |=  Status  |=  Link  |
&lt;#lightgreen&gt;|  1.1  |  TBD  | plantuml news |&lt;#Navy&gt;&lt;color:OrangeRed&gt;&lt;b&gt; Unknown  | [[https://plantuml.com/news plantuml news]] |
end title
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="418" height="66" class="scale" src="../imgw/img-9d3b448313cc5c0886dfc1c71aab90bc.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><em>[Ref. <a href="https://forum.plantuml.net/7184/set-legendborderthickness-to-0?show=7213#a7213">QA-7184</a>]</em><p></p><h3>枠線無し（背景と同色の枠線） </h3> 枠線の色を背景色と同じ色に設定することができます。 <p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg5af2e2019b39d3d02d50831b6a30c54a" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img5af2e2019b39d3d02d50831b6a30c54a" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;5af2e2019b39d3d02d50831b6a30c54a&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;5af2e2019b39d3d02d50831b6a30c54a&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;5af2e2019b39d3d02d50831b6a30c54a&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre5af2e2019b39d3d02d50831b6a30c54a">@startuml
node n
note right of n
  &lt;#FBFB77,#FBFB77&gt;|= Husky / Yorkie |= Foo |
  | SourceTree1 | foo1 |
  | ST2 | foo2 |
end note
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="255" height="77" class="scale" src="../imgw/img-5af2e2019b39d3d02d50831b6a30c54a.png"/></div></div></td></tr></tbody></table></p><p><em>[Ref. <a href="https://forum.plantuml.net/12448/removing-hiding-borders-on-tables?show=12449#a12449">QA-12448</a>]</em></p><p></p><h3>ヘッダを太字にするかどうか</h3> セルの最初の文字を<code class="cod">=</code>にすると、太字にすることができます（通常はヘッダを表すために使用します）。 <p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msgf7d6b9c8d4ab7bdda0aa420193b0b988" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imgf7d6b9c8d4ab7bdda0aa420193b0b988" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;f7d6b9c8d4ab7bdda0aa420193b0b988&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;f7d6b9c8d4ab7bdda0aa420193b0b988&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;f7d6b9c8d4ab7bdda0aa420193b0b988&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pref7d6b9c8d4ab7bdda0aa420193b0b988">@startuml
note as deepCSS0
  |&lt;#white&gt; Husky / Yorkie |
  |=&lt;#gainsboro&gt; SourceTree0 |
endnote

note as deepCSS1
  |= &lt;#white&gt; Husky / Yorkie |= Foo |
  |&lt;#gainsboro&gt;&lt;r&gt; SourceTree1 | foo1 |
endnote

note as deepCSS2
  |= Husky / Yorkie |
  |&lt;#gainsboro&gt; SourceTree2 |
endnote

note as deepCSS3
  &lt;#white&gt;|= Husky / Yorkie |= Foo |
  |&lt;#gainsboro&gt; SourceTree1 | foo1 |
endnote
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="315" height="165" class="scale" src="../imgw/img-f7d6b9c8d4ab7bdda0aa420193b0b988.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><em>[Ref. <a href="https://forum.plantuml.net/10923/how-to-create-a-creole-table-without-a-bolded-first-row?show=10943#a10943">QA-10923</a>]</em><a style="position:relative;top:-38px;" name="3b0c14770e6bd663"></a><div style="clear:both;min-height:110px;margin-top:10px;"><div class="pezoic"><span id="ezoic-pub-ad-placeholder-117"></span><!-- ezoic_pub_ad_placeholder-117-longest_content-234x60-117-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-117-longest_content-468x60-117-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-117-longest_content-728x90-117-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-117-longest_content-970x90-117-nonexxxnonexxxxxxezmaxscaleval100 --></div></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/creole#10"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/creole#10"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/creole#10"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>ツリー</h2><p></p><code class="cod">|_</code>の文字列を使ってツリーを作ることができます。 <p></p> titleのような共通のコマンドに対して： <p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg6f12594065807d0a236cfb6960764c33" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img6f12594065807d0a236cfb6960764c33" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;6f12594065807d0a236cfb6960764c33&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;6f12594065807d0a236cfb6960764c33&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;6f12594065807d0a236cfb6960764c33&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre6f12594065807d0a236cfb6960764c33">@startuml
skinparam titleFontSize 14
title
  ツリーの例
  |_ 一行目
  |_ **Bom (Model)**
    |_ prop1
    |_ prop2
    |_ prop3
  |_ 最終行
end title
[*] --&gt; State1
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="138" height="289" class="scale" src="../imgw/img-6f12594065807d0a236cfb6960764c33.png"/></div></div></td></tr></tbody></table></p><p></p><p></p> クラス図に対して。 <p></p> (セパレータを使って、空の2つ目の区画を作る必要があることに注意してください。そうしないと、<strong>(Model)</strong>に含まれる括弧によって、テキストが別の区画に移動されてしまいます): <p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msgb79e1de3bb6367be92c572ff231a230d" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imgb79e1de3bb6367be92c572ff231a230d" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;b79e1de3bb6367be92c572ff231a230d&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;b79e1de3bb6367be92c572ff231a230d&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;b79e1de3bb6367be92c572ff231a230d&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="preb79e1de3bb6367be92c572ff231a230d">@startuml
class Foo {
**Bar (Model)**
|_ prop
|_ **Bom (Model)**
  |_ prop2
  |_ prop3
    |_ prop3.1
|_ prop4 :(
--
}
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="131" height="195" class="scale" src="../imgw/img-b79e1de3bb6367be92c572ff231a230d.png"/></div></div></td></tr></tbody></table></p><p><em>[Ref. <a href="https://forum.plantuml.net/3448">QA-3448</a>]</em></p><p></p> コンポーネント図、配置図に対して： <p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg46274f93348e2c9dc6273f6f1d6991d3" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img46274f93348e2c9dc6273f6f1d6991d3" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;46274f93348e2c9dc6273f6f1d6991d3&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;46274f93348e2c9dc6273f6f1d6991d3&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;46274f93348e2c9dc6273f6f1d6991d3&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre46274f93348e2c9dc6273f6f1d6991d3">@startuml
[A] as A
rectangle &#34;Box B&#34; {
    component B [
        Level 1
        |_ Level 2a
          |_ Level 3a 
          |_ Level 3b
          |_ Level 3c
            |_ Level 4a
          |_ Level 3d
        |_ Level 2b
          |_ Level 3e
    ]
}
A -&gt; B
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="244" height="256" class="scale" src="../imgw/img-46274f93348e2c9dc6273f6f1d6991d3.png"/></div></div></td></tr></tbody></table></p><p><em>[Ref. <a href="https://forum.plantuml.net/11365/creole-trees-do-not-respect-indent-levels-component-diagram">QA-11365</a>]</em></p><p></p><center><div class="tago">WARNING</div> <b>This translation need to be updated.</b> <div class="tago">WARNING</div></center><a style="position:relative;top:-38px;" name="5d5a654fa7b639a4"></a><div style="clear:both;height:50px;"></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/creole#11"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/creole#11"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/creole#11"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>特殊文字</h2><p></p><p></p><code class="cod">&amp;#XXXX</code>または、<code class="cod">&lt;U+XXXX&gt;</code>の構文、または直接記述することで、<a href="http://www.fileformat.info/info/unicode/category/Sm/list.htm">任意のUnicode文字</a>を使うことができます。 <p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msga5d31d36a5ca9f5d2ea9688d3038e847" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imga5d31d36a5ca9f5d2ea9688d3038e847" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;a5d31d36a5ca9f5d2ea9688d3038e847&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;a5d31d36a5ca9f5d2ea9688d3038e847&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;a5d31d36a5ca9f5d2ea9688d3038e847&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="prea5d31d36a5ca9f5d2ea9688d3038e847">@startuml
usecase direct as &#34;this is ∞ long&#34;
usecase ampHash as &#34;this is also ∞ long&#34;
usecase angleBrackets as &#34;this is also &lt;U+221E&gt; long&#34;
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="354" height="144" class="scale" src="../imgw/img-a5d31d36a5ca9f5d2ea9688d3038e847.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><p></p><p></p> Please note that not all Unicode chars appear correctly, depending on what fonts are installed (on your local system or the PlantUML server, depending on which one you use). For characters that are emoji, it&#39;s better to use the <a href="../creole.html#68305e25f5788db0">Emoji</a> notation. See <a href="https://github.com/plantuml/plantuml/issues/72">Issue 72</a> for more details. <p></p><center><div class="tago">WARNING</div> <b>This translation need to be updated.</b> <div class="tago">WARNING</div></center><a style="position:relative;top:-38px;" name="f42f1366d9ab93bb"></a><div style="clear:both;min-height:110px;margin-top:10px;"><div class="pezoic"><span id="ezoic-pub-ad-placeholder-118"></span><!-- ezoic_pub_ad_placeholder-118-incontent_5-234x60-118-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-118-incontent_5-468x60-118-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-118-incontent_5-728x90-118-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-118-incontent_5-970x90-118-nonexxxnonexxxxxxezmaxscaleval100 --></div></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/creole#12"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/creole#12"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/creole#12"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>レガシーHTML</h2><p></p><p></p> Creoleと同時に、次のHTMLタグも利用可能です： <ul><li><code class="cod">&lt;b&gt;</code>で太字</li><li><code class="cod">&lt;u&gt;</code>または<code class="cod">&lt;u:#AAAAAA&gt;</code>または<code class="cod">&lt;u:[[color|colorName]]&gt;</code>で下線</li><li><code class="cod">&lt;i&gt;</code>でイタリック</li><li><code class="cod">&lt;s&gt;</code>または<code class="cod">&lt;s:#AAAAAA&gt;</code>または<code class="cod">&lt;s:[[color|colorName]]&gt;</code>で打消し線</li><li><code class="cod">&lt;w&gt;</code>または<code class="cod">&lt;w:#AAAAAA&gt;</code>または<code class="cod">&lt;w:[[color|colorName]]&gt;</code>で波下線</li><li><code class="cod">&lt;plain&gt;</code> でプレーンテキスト</li><li><code class="cod">&lt;color:#AAAAAA&gt;</code>または<code class="cod">&lt;color:[[color|colorName]]&gt;</code>で文字色</li><li><code class="cod">&lt;back:#AAAAAA&gt;</code>または<code class="cod">&lt;back:[[color|colorName]]&gt;</code>で背景色</li><li><code class="cod">&lt;size:nn&gt;</code>でフォントサイズの変更</li><li><code class="cod">&lt;img:file&gt;</code> : ファイルシステム中にアクセス可能なファイルを指定</li><li><code class="cod">&lt;img:http://plantuml.com/logo3.png&gt;</code> : インターネット上で利用可能なURLを指定</li></ul><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msgef04d55eb494737ed440c0daaeffe50e" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imgef04d55eb494737ed440c0daaeffe50e" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;ef04d55eb494737ed440c0daaeffe50e&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;ef04d55eb494737ed440c0daaeffe50e&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;ef04d55eb494737ed440c0daaeffe50e&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="preef04d55eb494737ed440c0daaeffe50e">@startuml
:* &lt;color:red&gt;文字色&lt;/color&gt;の変更
* &lt;back:cadetblue&gt;背景色&lt;/back&gt;の変更
* &lt;size:18&gt;フォントサイズ&lt;/size&gt;の変更
* &lt;u&gt;legacy&lt;/u&gt; &lt;b&gt;HTML &lt;i&gt;tag&lt;/i&gt;&lt;/b&gt;
* &lt;u:red&gt;HTML&lt;/u&gt;&lt;s:green&gt;タグ中での&lt;/s&gt;&lt;w:#0000FF&gt;色の使用&lt;/w&gt;
----
* 画像：&lt;img:http://plantuml.com/logo3.png&gt;
;
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="241" height="300" class="scale" src="../imgw/img-ef04d55eb494737ed440c0daaeffe50e.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>一般的なHTML要素</h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msga998a9208d26eeadcef335e5c37f42e0" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imga998a9208d26eeadcef335e5c37f42e0" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;a998a9208d26eeadcef335e5c37f42e0&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;a998a9208d26eeadcef335e5c37f42e0&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;a998a9208d26eeadcef335e5c37f42e0&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="prea998a9208d26eeadcef335e5c37f42e0">@startuml
hide footbox
note over Source
&lt;code&gt;
  This is &lt;b&gt;bold&lt;/b&gt;
  This is &lt;i&gt;italics&lt;/i&gt;
  This is &lt;font:monospaced&gt;monospaced&lt;/font&gt;
  This is &lt;s&gt;stroked&lt;/s&gt;
  This is &lt;u&gt;underlined&lt;/u&gt;
  This is &lt;w&gt;waved&lt;/w&gt;
  This is &lt;s:green&gt;stroked&lt;/s&gt;
  This is &lt;u:red&gt;underlined&lt;/u&gt;
  This is &lt;w:#0000FF&gt;waved&lt;/w&gt;
  This is &lt;b&gt;a bold text containing &lt;plain&gt;plain text&lt;/plain&gt; inside&lt;/b&gt;
  -- other examples --
  This is &lt;color:blue&gt;Blue&lt;/color&gt;
  This is &lt;back:orange&gt;Orange background&lt;/back&gt;
  This is &lt;size:20&gt;big&lt;/size&gt;
&lt;/code&gt;
end note
/note over Output
  This is &lt;b&gt;bold&lt;/b&gt;
  This is &lt;i&gt;italics&lt;/i&gt;
  This is &lt;font:monospaced&gt;monospaced&lt;/font&gt;
  This is &lt;s&gt;stroked&lt;/s&gt;
  This is &lt;u&gt;underlined&lt;/u&gt;
  This is &lt;w&gt;waved&lt;/w&gt;
  This is &lt;s:green&gt;stroked&lt;/s&gt;
  This is &lt;u:red&gt;underlined&lt;/u&gt;
  This is &lt;w:#0000FF&gt;waved&lt;/w&gt;
  This is &lt;b&gt;a bold text containing &lt;plain&gt;plain text&lt;/plain&gt; inside&lt;/b&gt;
  -- other examples --
  This is &lt;color:blue&gt;Blue&lt;/color&gt;
  This is &lt;back:orange&gt;Orange background&lt;/back&gt;
  This is &lt;size:20&gt;big&lt;/size&gt;
end note
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="919" height="325" class="scale" src="../imgw/img-a998a9208d26eeadcef335e5c37f42e0.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><em>[Ref. <a href="https://forum.plantuml.net/5254">QA-5254</a> for <code class="cod">plain</code>]</em><p></p><h3>上付き文字、下付き文字 [sub, sup]</h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg57a4c0335b65fda9e547fe408aea493f" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img57a4c0335b65fda9e547fe408aea493f" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;57a4c0335b65fda9e547fe408aea493f&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;57a4c0335b65fda9e547fe408aea493f&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;57a4c0335b65fda9e547fe408aea493f&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre57a4c0335b65fda9e547fe408aea493f">@startuml
:&lt;code&gt;
これは「カフェイン」の分子式です: C&lt;sub&gt;8&lt;/sub&gt;H&lt;sub&gt;10&lt;/sub&gt;N&lt;sub&gt;4&lt;/sub&gt;O&lt;sub&gt;2&lt;/sub&gt;
&lt;/code&gt;
これは「カフェイン」の分子式です: C&lt;sub&gt;8&lt;/sub&gt;H&lt;sub&gt;10&lt;/sub&gt;N&lt;sub&gt;4&lt;/sub&gt;O&lt;sub&gt;2&lt;/sub&gt;
----
&lt;code&gt;
これはピタゴラスの定理です: a&lt;sup&gt;2&lt;/sup&gt; + b&lt;sup&gt;2&lt;/sup&gt; = c&lt;sup&gt;2&lt;/sup&gt;
&lt;/code&gt;
これはピタゴラスの定理です: a&lt;sup&gt;2&lt;/sup&gt; + b&lt;sup&gt;2&lt;/sup&gt; = c&lt;sup&gt;2&lt;/sup&gt;;
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="619" height="117" class="scale" src="../imgw/img-57a4c0335b65fda9e547fe408aea493f.png"/></div></div></td></tr></tbody></table></p><p><a style="position:relative;top:-38px;" name="041a1eb0031c373d"></a></p><div style="clear:both;height:50px;"></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/creole#13"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/creole#13"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/creole#13"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>OpenIconic</h2><p></p><p></p><a href="https://useiconic.com/open/">OpenIconic</a>はオープンソースの素晴らしいアイコンセットです。 これらのアイコンはcreoleパーサーに組み込まれているので、簡単に使用することができます。 <p></p> 次の構文を使用します： <code class="cod">&lt;&amp;ICON_NAME&gt;</code>. <p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msge90a6cbb2399d3a15e3f22cd3d442735" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imge90a6cbb2399d3a15e3f22cd3d442735" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;e90a6cbb2399d3a15e3f22cd3d442735&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;e90a6cbb2399d3a15e3f22cd3d442735&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;e90a6cbb2399d3a15e3f22cd3d442735&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pree90a6cbb2399d3a15e3f22cd3d442735">@startuml
title: &lt;size:20&gt;&lt;&amp;heart&gt;OpenIconicを使用&lt;&amp;heart&gt;&lt;/size&gt;
class Wifi
note left
  Click on &lt;&amp;wifi&gt;
end note
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="224" height="107" class="scale" src="../imgw/img-e90a6cbb2399d3a15e3f22cd3d442735.png"/></div></div></td></tr></tbody></table></p><p></p><p></p> 利用可能なアイコンの一覧は、<a href="https://useiconic.com/open/">OpenIconic Website</a>にあります。もしくは、次の特別なダイアグラムを使用します： <p></p><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg499b52c713e06214820132c840cb332b" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img499b52c713e06214820132c840cb332b" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;499b52c713e06214820132c840cb332b&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;499b52c713e06214820132c840cb332b&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;499b52c713e06214820132c840cb332b&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre499b52c713e06214820132c840cb332b">@startuml
listopeniconic
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="919" height="502" class="scale" src="../imgw/img-499b52c713e06214820132c840cb332b.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><center><div class="tago">WARNING</div> <b>This translation need to be updated.</b> <div class="tago">WARNING</div></center><a style="position:relative;top:-38px;" name="7f4e170743d17b04"></a><div style="clear:both;min-height:110px;margin-top:10px;"><div class="pezoic"><span id="ezoic-pub-ad-placeholder-119"></span><!-- ezoic_pub_ad_placeholder-119-incontent_6-234x60-119-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-119-incontent_6-468x60-119-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-119-incontent_6-728x90-119-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-119-incontent_6-970x90-119-nonexxxnonexxxxxxezmaxscaleval100 --></div></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/creole#14"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/creole#14"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/creole#14"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Appendix: Examples of &#34;Creole List&#34; on all diagrams</h2><p></p><h3>Activity</h3><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg26d7141561c2057f141d8ac4c1d70993" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img26d7141561c2057f141d8ac4c1d70993" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;26d7141561c2057f141d8ac4c1d70993&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;26d7141561c2057f141d8ac4c1d70993&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;26d7141561c2057f141d8ac4c1d70993&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre26d7141561c2057f141d8ac4c1d70993">@startuml
start
:**test list 1**
* Bullet list
* Second item
** Sub item
*** Sub sub item
* Third item
----
**test list 2**
# Numbered list
# Second item
## Sub item
## Another sub item
# Third item;
stop
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="161" height="313" class="scale" src="../imgw/img-26d7141561c2057f141d8ac4c1d70993.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>Class</h3><p></p><div class="tag" style="background:#FFD700;">FIXME</div> 🚩 <ul><li><em>Sub item</em></li><li><em>Sub sub item</em></li></ul><div class="tag" style="background:#FFD700;">FIXME</div><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg5440a8f01b377b7fb460f2d320d80293" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img5440a8f01b377b7fb460f2d320d80293" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;5440a8f01b377b7fb460f2d320d80293&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;5440a8f01b377b7fb460f2d320d80293&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;5440a8f01b377b7fb460f2d320d80293&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre5440a8f01b377b7fb460f2d320d80293">@startuml

class a {
**test list 1**
* Bullet list
* Second item
** Sub item
*** Sub sub item
* Third item
----
**test list 2**
# Numbered list
# Second item
## Sub item
## Another sub item
# Third item
}

a -- b 

@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="168" height="380" class="scale" src="../imgw/img-5440a8f01b377b7fb460f2d320d80293.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>Component, Deployment, Use-Case</h3><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg62bd5181784138039314432fd5745c8a" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img62bd5181784138039314432fd5745c8a" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;62bd5181784138039314432fd5745c8a&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;62bd5181784138039314432fd5745c8a&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;62bd5181784138039314432fd5745c8a&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre62bd5181784138039314432fd5745c8a">@startuml
node n [
**test list 1**
* Bullet list
* Second item
** Sub item
*** Sub sub item
* Third item
----
**test list 2**
# Numbered list
# Second item
## Sub item
## Another sub item
# Third item
]

file f as &#34;
**test list 1**
* Bullet list
* Second item
** Sub item
*** Sub sub item
* Third item
----
**test list 2**
# Numbered list
# Second item
## Sub item
## Another sub item
# Third item
&#34;
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="395" height="271" class="scale" src="../imgw/img-62bd5181784138039314432fd5745c8a.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><div class="tag" style="background:#98FB98;">DONE</div><em>[Corrected in <a href="../changes.html">V1.2020.18</a>]</em><p></p><h3>Gantt project planning</h3><p></p> N/A <p></p><p></p><h3>Object</h3><p></p><div class="tag" style="background:#FFD700;">FIXME</div> 🚩 <ul><li><em>Sub item</em></li><li><em>Sub sub item</em></li></ul><div class="tag" style="background:#FFD700;">FIXME</div><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msge268147db4868c37c55d60787cd8dbf5" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imge268147db4868c37c55d60787cd8dbf5" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;e268147db4868c37c55d60787cd8dbf5&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;e268147db4868c37c55d60787cd8dbf5&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;e268147db4868c37c55d60787cd8dbf5&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pree268147db4868c37c55d60787cd8dbf5">@startuml
object user {
**test list 1**
* Bullet list
* Second item
** Sub item
*** Sub sub item
* Third item
----	
**test list 2**
# Numbered list
# Second item
## Sub item
## Another sub item
# Third item
}

@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="173" height="268" class="scale" src="../imgw/img-e268147db4868c37c55d60787cd8dbf5.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>MindMap</h3><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg151f9571b461735694afa76376f05676" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img151f9571b461735694afa76376f05676" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;151f9571b461735694afa76376f05676&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;151f9571b461735694afa76376f05676&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;151f9571b461735694afa76376f05676&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre151f9571b461735694afa76376f05676">@startmindmap

* root
** d1
**:**test list 1**
* Bullet list
* Second item
** Sub item
*** Sub sub item
* Third item
----
**test list 2**
# Numbered list
# Second item
## Sub item
## Another sub item
# Third item;


@endmindmap
</pre></code></div><div class="mycell"><img loading="lazy" width="275" height="339" class="scale" src="../imgw/img-151f9571b461735694afa76376f05676.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>Network (nwdiag)</h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg9689da3d5a2800a7851ac647563328a7" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img9689da3d5a2800a7851ac647563328a7" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;9689da3d5a2800a7851ac647563328a7&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;9689da3d5a2800a7851ac647563328a7&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;9689da3d5a2800a7851ac647563328a7&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre9689da3d5a2800a7851ac647563328a7">@startuml
nwdiag {
  network Network {
      Server [description=&#34;**test list 1**\n* Bullet list\n* Second item\n** Sub item\n*** Sub sub item\n* Third item\n----\n**test list 2**\n# Numbered list\n# Second item\n## Sub item\n## Another sub item\n# Third item&#34;];
}
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="231" height="298" class="scale" src="../imgw/img-9689da3d5a2800a7851ac647563328a7.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>Note</h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msgc15815697435cf65d5d4bb820fb661a7" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imgc15815697435cf65d5d4bb820fb661a7" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;c15815697435cf65d5d4bb820fb661a7&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;c15815697435cf65d5d4bb820fb661a7&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;c15815697435cf65d5d4bb820fb661a7&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="prec15815697435cf65d5d4bb820fb661a7">@startuml
note as n
**test list 1**
* Bullet list
* Second item
** Sub item
*** Sub sub item
* Third item
----
**test list 2**
# Numbered list
# Second item
## Sub item
## Another sub item
# Third item
end note
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="170" height="234" class="scale" src="../imgw/img-c15815697435cf65d5d4bb820fb661a7.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>Sequence</h3><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg06fb3c9f2d4470517d0e10d57e13cbe0" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img06fb3c9f2d4470517d0e10d57e13cbe0" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;06fb3c9f2d4470517d0e10d57e13cbe0&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;06fb3c9f2d4470517d0e10d57e13cbe0&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;06fb3c9f2d4470517d0e10d57e13cbe0&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre06fb3c9f2d4470517d0e10d57e13cbe0">@startuml
&lt;style&gt;
participant {HorizontalAlignment left}
&lt;/style&gt;
participant Participant [
**test list 1**
* Bullet list
* Second item
** Sub item
*** Sub sub item
* Third item
----
**test list 2**
# Numbered list
# Second item
## Sub item
## Another sub item
# Third item
]

participant B

Participant -&gt; B
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="196" height="514" class="scale" src="../imgw/img-06fb3c9f2d4470517d0e10d57e13cbe0.png"/></div></div></td></tr></tbody></table></p><p><em>[Ref. <a href="https://forum.plantuml.net/15232/">QA-15232</a>]</em></p><p></p><h3>State</h3><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg3040cea3ee2c53415fa41f8198c3817a" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img3040cea3ee2c53415fa41f8198c3817a" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;3040cea3ee2c53415fa41f8198c3817a&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;3040cea3ee2c53415fa41f8198c3817a&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;3040cea3ee2c53415fa41f8198c3817a&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre3040cea3ee2c53415fa41f8198c3817a">@startuml
&lt;style&gt;
stateDiagram {
title {HorizontalAlignment left}
}
&lt;/style&gt;
state &#34;**test list 1**\n* Bullet list\n* Second item\n** Sub item\n*** Sub sub item\n* Third item\n----\n**test list 2**\n# Numbered list\n# Second item\n## Sub item\n## Another sub item\n# Third item&#34; as a {
state &#34;**test list 1**\n* Bullet list\n* Second item\n** Sub item\n*** Sub sub item\n* Third item\n----\n**test list 2**\n# Numbered list\n# Second item\n## Sub item\n## Another sub item\n# Third item&#34; as b
state : **test list 1**\n* Bullet list\n* Second item\n** Sub item\n*** Sub sub item\n* Third item\n----\n**test list 2**\n# Numbered list\n# Second item\n## Sub item\n## Another sub item\n# Third item
}
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="350" height="506" class="scale" src="../imgw/img-3040cea3ee2c53415fa41f8198c3817a.png"/></div></div></td></tr></tbody></table></p><p><em>[Ref. <a href="https://forum.plantuml.net/16978/can-i-center-the-description-text-at-the-bottom-the-state-box?show=16986#c16986">QA-16978</a>]</em></p><p></p><p></p><h3>WBS</h3><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg9285a4478c041e9941578c359ef5cfc5" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img9285a4478c041e9941578c359ef5cfc5" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;9285a4478c041e9941578c359ef5cfc5&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;9285a4478c041e9941578c359ef5cfc5&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;9285a4478c041e9941578c359ef5cfc5&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre9285a4478c041e9941578c359ef5cfc5">@startwbs

* root
** d1
**:**test list 1**
* Bullet list
* Second item
** Sub item
*** Sub sub item
* Third item
----
**test list 2**
# Numbered list
# Second item
## Sub item
## Another sub item
# Third item;

@endwbs
</pre></code></div><div class="mycell"><img loading="lazy" width="214" height="306" class="scale" src="../imgw/img-9285a4478c041e9941578c359ef5cfc5.png"/></div></div></td></tr></tbody></table></p><p><a style="position:relative;top:-38px;" name="296f12fb02b58ad7"></a></p><div style="clear:both;height:50px;"></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/creole#15"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/creole#15"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/creole#15"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>Appendix: Examples of &#34;Creole horizontal lines&#34; on all diagrams</h2><p></p><h3>Activity</h3><p></p><div class="tag" style="background:#FFD700;">FIXME</div> 🚩 strong line <code class="cod">____</code><div class="tag" style="background:#FFD700;">FIXME</div><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msga1c433dba72bc71f7804b5f92da1777e" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imga1c433dba72bc71f7804b5f92da1777e" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;a1c433dba72bc71f7804b5f92da1777e&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;a1c433dba72bc71f7804b5f92da1777e&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;a1c433dba72bc71f7804b5f92da1777e&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="prea1c433dba72bc71f7804b5f92da1777e">@startuml
start
:You can have horizontal line
----
Or double line
====
Or strong line
____
Or dotted line
..My title..
Or dotted title
//and title... //
==Title==
Or double-line title
--Another title--
Or single-line title
Enjoy!;
stop
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="194" height="338" class="scale" src="../imgw/img-a1c433dba72bc71f7804b5f92da1777e.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>Class</h3><p></p><p></p><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msgc0da15dfd4f8d6a0d708c56bd06f6a4e" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imgc0da15dfd4f8d6a0d708c56bd06f6a4e" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;c0da15dfd4f8d6a0d708c56bd06f6a4e&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;c0da15dfd4f8d6a0d708c56bd06f6a4e&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;c0da15dfd4f8d6a0d708c56bd06f6a4e&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="prec0da15dfd4f8d6a0d708c56bd06f6a4e">@startuml

class a {
You can have horizontal line
----
Or double line
====
Or strong line
____
Or dotted line
..My title..
Or dotted title
//and title... //
==Title==
Or double-line title
--Another title--
Or single-line title
Enjoy!
}

a -- b 

@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="203" height="408" class="scale" src="../imgw/img-c0da15dfd4f8d6a0d708c56bd06f6a4e.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>Component, Deployment, Use-Case</h3><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msgd19ec91698f7664f9961397153467e9e" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imgd19ec91698f7664f9961397153467e9e" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;d19ec91698f7664f9961397153467e9e&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;d19ec91698f7664f9961397153467e9e&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;d19ec91698f7664f9961397153467e9e&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pred19ec91698f7664f9961397153467e9e">@startuml
node n [
You can have horizontal line
----
Or double line
====
Or strong line
____
Or dotted line
..My title..
//and title... //
==Title==
--Another title--
Enjoy!
]

file f as &#34;
You can have horizontal line
----
Or double line
====
Or strong line
____
Or dotted line
..My title..
//and title... //
==Title==
--Another title--
Enjoy!
&#34;

person p [

You can have horizontal line
----
Or double line
====
Or strong line
____
Or dotted line
..My title..
//and title... //
==Title==
--Another title--
Enjoy!

]
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="473" height="648" class="scale" src="../imgw/img-d19ec91698f7664f9961397153467e9e.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>Gantt project planning</h3><p></p> N/A <p></p><p></p><h3>Object</h3><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg9a1abf9ecdf762c541afedf93475699d" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img9a1abf9ecdf762c541afedf93475699d" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;9a1abf9ecdf762c541afedf93475699d&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;9a1abf9ecdf762c541afedf93475699d&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;9a1abf9ecdf762c541afedf93475699d&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre9a1abf9ecdf762c541afedf93475699d">@startuml
object user {
You can have horizontal line
----
Or double line
====
Or strong line
____
Or dotted line
..My title..
//and title... //
==Title==
--Another title--
Enjoy!
}

@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="210" height="248" class="scale" src="../imgw/img-9a1abf9ecdf762c541afedf93475699d.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><div class="tag" style="background:#98FB98;">DONE</div><em>[Corrected on <a href="../changes.html">V1.2020.18</a>]</em><p></p><h3>MindMap</h3><p></p><div class="tag" style="background:#FFD700;">FIXME</div> 🚩 strong line <code class="cod">____</code><div class="tag" style="background:#FFD700;">FIXME</div><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msge4bab0a72a2620a2a584854ebd3b11d3" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imge4bab0a72a2620a2a584854ebd3b11d3" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;e4bab0a72a2620a2a584854ebd3b11d3&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;e4bab0a72a2620a2a584854ebd3b11d3&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;e4bab0a72a2620a2a584854ebd3b11d3&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pree4bab0a72a2620a2a584854ebd3b11d3">@startmindmap

* root
** d1
**:You can have horizontal line
----
Or double line
====
Or strong line
____
Or dotted line
..My title..
//and title... //
==Title==
--Another title--
Enjoy!;

@endmindmap
</pre></code></div><div class="mycell"><img loading="lazy" width="314" height="314" class="scale" src="../imgw/img-e4bab0a72a2620a2a584854ebd3b11d3.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><h3>Network (nwdiag)</h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg1a1c7878d125da08af6625333733a03e" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img1a1c7878d125da08af6625333733a03e" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;1a1c7878d125da08af6625333733a03e&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;1a1c7878d125da08af6625333733a03e&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;1a1c7878d125da08af6625333733a03e&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre1a1c7878d125da08af6625333733a03e">@startuml
nwdiag {
  network Network {
      Server [description=&#34;You can have horizontal line\n----\nOr double line\n====\nOr strong line\n____\nOr dotted line\n..My title..\n//and title... //\n==Title==\n--Another title--\nEnjoy!&#34;];
}
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="264" height="277" class="scale" src="../imgw/img-1a1c7878d125da08af6625333733a03e.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><p></p><h3>Note</h3><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg391f16bb94240d039944c54873531622" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img391f16bb94240d039944c54873531622" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;391f16bb94240d039944c54873531622&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;391f16bb94240d039944c54873531622&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;391f16bb94240d039944c54873531622&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre391f16bb94240d039944c54873531622">@startuml
note as n
You can have horizontal line
----
Or double line
====
Or strong line
____
Or dotted line
..My title..
//and title... //
==Title==
--Another title--
Enjoy!
end note
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="203" height="217" class="scale" src="../imgw/img-391f16bb94240d039944c54873531622.png"/></div></div></td></tr></tbody></table></p><p></p><p></p><p></p><h3>Sequence</h3><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msgff733c32a926a2248f79df22024bf87f" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="imgff733c32a926a2248f79df22024bf87f" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;ff733c32a926a2248f79df22024bf87f&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;ff733c32a926a2248f79df22024bf87f&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;ff733c32a926a2248f79df22024bf87f&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="preff733c32a926a2248f79df22024bf87f">@startuml
&lt;style&gt;
participant {HorizontalAlignment left}
&lt;/style&gt;
participant Participant [
You can have horizontal line
----
Or double line
====
Or strong line
____
Or dotted line
..My title..
//and title... //
==Title==
--Another title--
Enjoy!
]

participant B

Participant -&gt; B
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="235" height="464" class="scale" src="../imgw/img-ff733c32a926a2248f79df22024bf87f.png"/></div></div></td></tr></tbody></table></p><p><em>[Ref. <a href="https://forum.plantuml.net/15232/">QA-15232</a>]</em></p><p></p><h3>State</h3><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg4c3f60d92ec353e66d398804387fbe68" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img4c3f60d92ec353e66d398804387fbe68" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;4c3f60d92ec353e66d398804387fbe68&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;4c3f60d92ec353e66d398804387fbe68&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;4c3f60d92ec353e66d398804387fbe68&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre4c3f60d92ec353e66d398804387fbe68">@startuml
&lt;style&gt;
stateDiagram {
title {HorizontalAlignment left}
}
&lt;/style&gt;
state &#34;You can have horizontal line\n----\nOr double line\n====\nOr strong line\n____\nOr dotted line\n..My title..\n//and title... //\n==Title==\n--Another title--\nEnjoy!&#34; as a {
state &#34;You can have horizontal line\n----\nOr double line\n====\nOr strong line\n____\nOr dotted line\n..My title..\n//and title... //\n==Title==\n--Another title--\nEnjoy!&#34; as b
state : &#34;You can have horizontal line\n----\nOr double line\n====\nOr strong line\n____\nOr dotted line\n..My title..\n//and title... //\n==Title==\n--Another title--\nEnjoy!
}
@enduml
</pre></code></div><div class="mycell"><img loading="lazy" width="426" height="456" class="scale" src="../imgw/img-4c3f60d92ec353e66d398804387fbe68.png"/></div></div></td></tr></tbody></table></p><p><em>[Ref. <a href="https://forum.plantuml.net/16978/can-i-center-the-description-text-at-the-bottom-the-state-box?show=16986#c16986">QA-16978</a>]</em></p><p></p><p></p><h3>WBS</h3><p></p><div class="tag" style="background:#FFD700;">FIXME</div> 🚩 strong line <code class="cod">____</code><div class="tag" style="background:#FFD700;">FIXME</div><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg0db28b7553e6aa7db7578bb1a9233dba" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img0db28b7553e6aa7db7578bb1a9233dba" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;0db28b7553e6aa7db7578bb1a9233dba&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;0db28b7553e6aa7db7578bb1a9233dba&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;0db28b7553e6aa7db7578bb1a9233dba&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre0db28b7553e6aa7db7578bb1a9233dba">@startwbs

* root
** d1
**:You can have horizontal line
----
Or double line
====
Or strong line
____
Or dotted line
..My title..
//and title... //
==Title==
--Another title--
Enjoy!;

@endwbs
</pre></code></div><div class="mycell"><img loading="lazy" width="247" height="286" class="scale" src="../imgw/img-0db28b7553e6aa7db7578bb1a9233dba.png"/></div></div></td></tr></tbody></table></p><p><a style="position:relative;top:-38px;" name="11ea1bf26fa307b0"></a></p><div style="clear:both;min-height:110px;margin-top:10px;"><div class="pezoic"><span id="ezoic-pub-ad-placeholder-120"></span><!-- ezoic_pub_ad_placeholder-120-incontent_7-234x60-120-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-120-incontent_7-468x60-120-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-120-incontent_7-728x90-120-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-120-incontent_7-970x90-120-nonexxxnonexxxxxxezmaxscaleval100 --></div></div><h2 class="chap"><img onclick="window.scrollTo(0,0);" title="Back to top" src="../backtop1.svg" width="20" height="20" class="backtop"/><div class="dropdown"><button class="dropbtn"><img width="16" height="16" src="../edit1.svg"/></button><div class="dropdown-content"><a href="http://alphadoc.plantuml.com/cmp/dokuwiki/ja/creole#16"><img width="20" height="20" src="../dokuwiki.png"/>Edit in Dokuwiki</a><a href="http://alphadoc.plantuml.com/cmp/asciidoc/ja/creole#16"><img width="20" height="20" src="../asciidoc32.png"/>Edit in Asciidoc</a><a href="http://alphadoc.plantuml.com/cmp/markdown/ja/creole#16"><img width="20" height="20" src="../markdown.png"/>Edit in Markdown</a></div></div>スタイル対応表（CreoleとHTML）</h2><p></p><table border="1" cellspacing="0" cellpadding="5"><tbody><tr><td><b> スタイル </b></td><td><b> Creole </b></td><td><b> Legacy HTML like </b></td></tr><tr><td><strong>bold</strong></td><td> This is <code class="cod">**bold**</code></td><td> This is <code class="cod">&lt;b&gt;bold&lt;/b&gt;</code></td></tr><tr><td><em>italics</em></td><td> This is <code class="cod">//italics//</code></td><td> This is <code class="cod">&lt;i&gt;italics&lt;/i&gt;</code></td></tr><tr><td><code class="cod">monospaced</code></td><td> This is <code class="cod">&#34;&#34;monospaced&#34;&#34;</code></td><td> This is <code class="cod">&lt;font:monospaced&gt;monospaced&lt;/font&gt;</code></td></tr><tr><td><strike>stroked</strike></td><td> This is <code class="cod">--stroked--</code></td><td> This is <code class="cod">&lt;s&gt;stroked&lt;/s&gt;</code></td></tr><tr><td><u>underlined</u></td><td> This is <code class="cod">__underlined__</code></td><td> This is <code class="cod">&lt;u&gt;underlined&lt;/u&gt;</code></td></tr><tr><td> waved </td><td> This is <code class="cod">~~waved~~</code></td><td> This is <code class="cod">&lt;w&gt;waved&lt;/w&gt;</code></td></tr></tbody></table><p></p><p></p><p><table class="coptable" valign="top" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><div id="msg64e83cfe6e4550557ab76a5d77011284" class="msg"> 🎉 Copied! </div><img loading="lazy" width="16" height="16" id="img64e83cfe6e4550557ab76a5d77011284" title="Copy to clipboard" class="cop" src="../clipboard1.svg" onclick="ctc(&#39;64e83cfe6e4550557ab76a5d77011284&#39;)"/><br/><img loading="lazy" width="16" height="16" title="Edit online" class="cop" src="../edit1.svg" onclick="javascript:ljs(&#39;64e83cfe6e4550557ab76a5d77011284&#39;)"/></td><td><div class="mytab" onclick="javascript:ljs(&#39;64e83cfe6e4550557ab76a5d77011284&#39;)"><div class="mycell0"><code onmouseover="az=1" onmouseout="az=0"><pre id="pre64e83cfe6e4550557ab76a5d77011284">@startmindmap
* CreoleとHTMLで\n同一のスタイルを設定 
**:**Creole**
----
&lt;#silver&gt;|= code|= output|
| \n This is &#34;&#34;~**bold**&#34;&#34;\n | \n This is **bold** |
| \n This is &#34;&#34;~//italics//&#34;&#34;\n | \n This is //italics// |
| \n This is &#34;&#34;~&#34;&#34;monospaced~&#34;&#34; &#34;&#34;\n | \n This is &#34;&#34;monospaced&#34;&#34; |
| \n This is &#34;&#34;~--stroked--&#34;&#34;\n | \n This is --stroked-- |
| \n This is &#34;&#34;~__underlined__&#34;&#34;\n |  \n This is __underlined__ |
| \n This is &#34;&#34;&lt;U+007E&gt;&lt;U+007E&gt;waved&lt;U+007E&gt;&lt;U+007E&gt;&#34;&#34;\n | \n This is ~~waved~~ |;
**:&lt;b&gt;Legacy HTML like
----
&lt;#silver&gt;|= code|= output|
| \n This is &#34;&#34;~&lt;b&gt;bold&lt;/b&gt;&#34;&#34;\n | \n This is &lt;b&gt;bold&lt;/b&gt; |
| \n This is &#34;&#34;~&lt;i&gt;italics&lt;/i&gt;&#34;&#34;\n | \n This is &lt;i&gt;italics&lt;/i&gt; |
| \n This is &#34;&#34;~&lt;font:monospaced&gt;monospaced&lt;/font&gt;&#34;&#34;\n | \n This is &lt;font:monospaced&gt;monospaced&lt;/font&gt; |
| \n This is &#34;&#34;~&lt;s&gt;stroked&lt;/s&gt;&#34;&#34;\n | \n  This is &lt;s&gt;stroked&lt;/s&gt; |
| \n This is &#34;&#34;~&lt;u&gt;underlined&lt;/u&gt;&#34;&#34;\n | \n This is &lt;u&gt;underlined&lt;/u&gt; |
| \n This is &#34;&#34;~&lt;w&gt;waved&lt;/w&gt;&#34;&#34;\n | \n This is &lt;w&gt;waved&lt;/w&gt; |

And color as a bonus...
&lt;#silver&gt;|= code|= output|
| \n This is &#34;&#34;~&lt;s:&#34;&#34;&lt;color:green&gt;&#34;&#34;green&#34;&#34;&lt;/color&gt;&#34;&#34;&gt;stroked&lt;/s&gt;&#34;&#34;\n | \n  This is &lt;s:green&gt;stroked&lt;/s&gt; |
| \n This is &#34;&#34;~&lt;u:&#34;&#34;&lt;color:red&gt;&#34;&#34;red&#34;&#34;&lt;/color&gt;&#34;&#34;&gt;underlined&lt;/u&gt;&#34;&#34;\n | \n This is &lt;u:red&gt;underlined&lt;/u&gt; |
| \n This is &#34;&#34;~&lt;w:&#34;&#34;&lt;color:#0000FF&gt;&#34;&#34;#0000FF&#34;&#34;&lt;/color&gt;&#34;&#34;&gt;waved&lt;/w&gt;&#34;&#34;\n | \n This is &lt;w:#0000FF&gt;waved&lt;/w&gt; |;
@endmindmap
</pre></code></div><div class="mycell"><img loading="lazy" width="709" height="1058" class="scale" src="../imgw/img-64e83cfe6e4550557ab76a5d77011284.png"/></div></div></td></tr></tbody></table></p><p></p></td><td id="toctd" valign="top" style="max-width:240px;min-width:240px;"><div id="toc"><ul><li><a href="creole.html#3893233f135424c7">テキストの強調</a></li><li><a href="creole.html#691d1860ec58dd97">リスト</a></li><li><a href="creole.html#6ec83e2c21f8f8b3">エスケープ文字</a></li><li><a href="creole.html#545b1150d9c178bf">見出し</a></li><li><a href="creole.html#68305e25f5788db0">絵文字</a></li><li><a href="creole.html#acc8003baf7c883f">水平線</a></li><li><a href="creole.html#bd908db5ccb07777">リンク</a></li><li><a href="creole.html#ca0dbad92a874b2f">コード</a></li><li><a href="creole.html#51c45b795d5d18a3">テーブル</a></li><li><a href="creole.html#3b0c14770e6bd663">ツリー</a></li><li><a href="creole.html#5d5a654fa7b639a4">特殊文字</a></li><li><a href="creole.html#f42f1366d9ab93bb">レガシーHTML</a></li><li><a href="creole.html#041a1eb0031c373d">OpenIconic</a></li><li><a href="creole.html#7f4e170743d17b04">Appendix: Examples of &#34;Creole List&#34; on all diagrams</a></li><li><a href="creole.html#296f12fb02b58ad7">Appendix: Examples of &#34;Creole horizontal lines&#34; on all diagrams</a></li><li><a href="creole.html#11ea1bf26fa307b0">スタイル対応表（CreoleとHTML）</a></li></ul></div></td></tr></tbody></table></p><p></p><span id="ezoic-pub-ad-placeholder-104"></span><!-- ezoic_pub_ad_placeholder-104-bottom_of_page-234x60-104-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-104-bottom_of_page-468x60-104-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-104-bottom_of_page-728x90-104-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-104-bottom_of_page-970x250-104-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-104-bottom_of_page-300x250x3-104-nonexxxnonexxxxxxezmaxscaleval100 --><!-- ezoic_pub_ad_placeholder-104-bottom_of_page-970x90-104-nonexxxnonexxxxxxezmaxscaleval100 --></div><style>.btm{text-align:center}.btm a{text-decoration:none;color:#637282}.btm a:hover{color:#0366d6}</style><div class="btm"><hr/><a href="https://g.ezoic.net/privacy/plantuml.com"><small>Privacy Policy</small></a>      <a href="../direct-sales.html"><small>Advertise</small></a><p></p></div><script>var sc_project=11129480;var sc_invisible=1;var sc_security="2adf54aa";</script><script async="" src="https://www.statcounter.com/counter/counter.js"></script><!--[selectrongo:done]--><script type="text/javascript">
				var __inScopeForCCPA = false;
		function __uspapi(command, version, callback) {
			var response = null;
			var successs = false;
			if (command === "getUSPData" && version === 1) {
				var uspString = "1"; // Version
				if (__inScopeForCCPA) {
					uspString += "N"; // Has Explicit Notice for Opt Out been provided (ex footer or minor consent modal)
					var result;
					var consentCookie = (result = new RegExp('(?:^|; )ezoccpaconsent=([^;]*)').exec(document.cookie)) ? (result[1]) : null;
					if (consentCookie === "nonconsent") {
						uspString += "Y";
					}
					else {
						uspString += "N";
					}
					uspString += "N" // Is pub a signatory to the IAB Limited Service Provider Agreement (http://www.iabprivacy.com/)
				}
				else {
					uspString += "---";
				}
				response = {
					uspString: uspString,
					version: 1
				};
				success = true;
			}
			return callback(response, success);
		};
		function __receiveUspapiMessage(event) {
			if (event.data.hasOwnProperty('__uspapiCall')) {
				__uspapi('getUSPData', 1, function(uspData, success) {
					event.source.postMessage({
						__uspapiReturn: {
							returnValue: uspData,
							success: success,
							callId: event.data.__uspapiCall.callId
						}
					},
					event.origin);
				});
			}
			return null;
		};
		window.addEventListener("message", __receiveUspapiMessage, false);
</script>
<script>__ez.queue.addFile('/tardisrocinante/vitals.js', '/tardisrocinante/vitals.js?gcb=2&cb=3', false, ['/parsonsmaize/mulvane.js'], true, false, true, false);</script>
<script>var _audins_dom="plantuml_com",_audins_did=173770;__ez.queue.addDelayFunc("audins.js","__ez.script.add", "//go.ezodn.com/detroitchicago/audins.js?cb=195-2");</script><noscript><div style="display:none;"><img src="https://pixel.quantserve.com/pixel/p-31iz6hfFutd16.gif?labels=Domain.plantuml_com,DomainId.173770" border="0" height="1" width="1" alt="Quantcast"/></div></noscript>
<script>__ez.queue.addFile('/beardeddragon/drake.js', '/beardeddragon/drake.js?gcb=2&cb=4', false, [], true, false, true, false);</script>
<script type="text/javascript" style='display:none;'>var __ez_dims = (function() {
		var setCookie = function( name, content, expiry ) {
			return document.cookie = name+'='+content+((expiry)?';expires='+(new Date(Math.floor(new Date().getTime()+expiry*1000)).toUTCString()):'')+';path=/';
		};
		var ffid = 1;
		var oh = window.screen.height;
		var ow = window.screen.width;
		var h = ffid === 1 ? oh : (oh > ow) ? oh : ow;
		var w = ffid === 1 ? ow : (oh > ow) ? ow : oh;
		var uh = window.innerHeight || document.documentElement.clientHeight || document.getElementsByTagName('body')[0].clientHeight;
		var uw = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth;
		setCookie('ezds', encodeURIComponent('ffid='+ffid+',w='+w+',h='+h), (31536e3*7));
		setCookie('ezohw', encodeURIComponent('w='+uw+',h='+uh), (31536e3*7));
	})();</script>
<script type='text/javascript' style='display:none;' async>__ez.queue.addFile('/parsonsmaize/chanute.js', '/parsonsmaize/chanute.js?a=a&cb=7&dcb=195-2&shcb=34', true, ['/parsonsmaize/mulvane.js'], true, false, false, false);</script>
<script type='text/javascript' style='display:none;' async>__ez.queue.addFile('/porpoiseant/jellyfish.js', '/porpoiseant/jellyfish.js?a=a&cb=10&dcb=195-2&shcb=34', false, [], true, false, false, false);</script></body></html>